﻿@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, dialog, input,textarea,select,button {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Microsoft YaHei","Arial",sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.5px;
}
h1,h2,h3,h4,h5,h6{ font-weight: 400}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
ol, ul, li, menu {list-style: none; }
input{outline:none}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:rgba(193,193,193,1);
}
input::-moz-placeholder { /* Firefox 19+ */
    color:rgba(193,193,193,1);
}
input:-ms-input-placeholder { /* IE 10+ */
    color:rgba(193,193,193,1);
}
input:-moz-placeholder { /* Firefox 18- */
    color:rgba(193,193,193,1);
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html, body {
    margin: 0;
    font-size: 14px;
    background: #f8f8f8;
}
html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
}
img {
    border: 0 none;
    vertical-align: top;
}
a{
    color: #333;
}
a,a:hover{
    text-decoration: none;
}
.clearfix {
    _zoom: 1;
}
.clearfix:after {
    content: '';
    clear: both;
    display: table;
}


.wrap{
    width: 1210px;
    margin: 0 auto;
}
/*header*/
.l-header{
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
    z-index: 100;
}
.l-topBar{
    height:50px;
    background:rgba(30,29,32,1);
    font-size: 12px;
}
.l-topBar .left{
    float: left;
    margin-top: 19px;
    line-height: 12px;
}
.l-topBar .left li{
    float: left;
    border-right:1px solid rgba(255,255,255,.2);
}
.l-topBar .left li:last-child{
    border-right:0;
}
.l-topBar .left li a{
    color: #FFF;
    padding: 0 10px;
}
.l-topBar .left li:first-child a{
    padding-left: 0;
}
.l-topBar .left li a:hover{
    color:rgba(226,35,26,1);
}
.i-new{
    display: inline-block;
    width: 25px;
    height: 12px;
    margin-left: 5px;
    margin-top: -2px;
    background: url("../images/i.png") 0 0 no-repeat;
    vertical-align: middle;
}
.l-topBar .right{
    float: right;
    margin-top: 19px;
}
.l-topBar .right li{
    float: left;
    color: #fff;
    line-height: 12px;
}
.l-topBar .right li a{
    color: #FFF;
}
.l-topBar .right a:hover{
    color:rgba(226,35,26,1);
}
.l-topBar .right .logout{
    color:rgba(153,153,153,1);
}
.l-topBar .right i{
    display: inline-block;
    background: url("../images/i.png") no-repeat;
    vertical-align: middle;
    margin-right: 3px;
}
.l-topBar .right i.i-user{
    width: 15px;
    height: 12px;
    margin-top: -3px;
    background-position:-25px 0;
}
.l-topBar .right i.i-userPhoto{
    width: 24px;
    height: 24px;
    margin-top: -8px;
    margin-left: 10px;
    background-position:-40px 0;
    vertical-align: top;
}
.l-headerBar{
    position: relative;
    height: 90px;
    background: #FFF;
}
.l-headerBar h1{
    display: inline-block;
    float: left;
    width: 170px;
    height: 40px;
    margin: 25px 0;
}
.nav{
    float: right;
    padding-right: 34px;
}
.nav ul li{
    float: left;

}
.nav ul li span{
    position: relative;
    display: inline-block;
    height: 55px;
    margin: 35px 20px 0;
}
.nav ul li span a{
    display: block;
    height: 55px;
    font-size: 16px;
    color:#333;
}
.nav ul li span::after{
    position: absolute;
    bottom:0;
    left:50%;
    width:146px;
    margin-left: -73px;
    height:6px;
    background:rgba(226,35,26,1);
    overflow: hidden;
    content: " ";
    opacity: 0;
    transition: all 0.5s;
}
.nav ul li:hover span::after,.nav ul li.cur span::after{
    position: absolute;
    bottom:0;
    left:50%;
    width:146px;
    margin-left: -73px;
    height:6px;
    background:rgba(226,35,26,1);
    overflow: hidden;
    content: " ";
    opacity: 1;
}
.nav .subNav{
    display: none;
    position: absolute;
    top:92px;
    left:0;
    width: 100%;
    height: 180px;
    background: rgba(255,255,255,1);
    text-align: center;
}

.nav .subNav .wrap{
    width: 1210px;
    margin:0 auto;
}
.nav .subNav .i-title{
    width: 350px;
    margin-top:34px;
}
.nav .subNav .i-title h4{
    text-align: left;
    font-size: 16px;
    color: #333;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
.nav .subNav .i-title h4::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 133px;
    height: 1px;
    background: #c1c1c1;
    overflow: hidden;
    content: " ";
}
.nav .subNav .i-title p {
    line-height: 28px;
    color: #666;
    font-size: 12px;
    text-align: left;
}
.nav .subNav .i-title b{
    padding-right: 12px;
    color:#E2231A;
    font-size:14px;
}
.nav ul li:hover .subNav{
    display: block;
}
.subNav .subNav-cont{
    padding-top: 50px;
    height: 130px;
    float: right;
    padding-right: 36px;
}
.subNav .subNav-cont a{
    display: inline-block;
    text-align: center;
    width: 100px;
    float: left;
    margin: 0 35px
}
.subNav .subNav-cont a:last-child{
    margin-right: 0;
}
.subNav .subNav-cont em{
    font-style: normal;
    text-align: center;
    display: block;
    font-size:16px;
    color:#333;
    line-height:28px;
}
.subNav .subNav-cont a:hover em{
    color:rgba(226,35,26,1);
}
.subNav .subNav-cont i{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    background: url(../images/icon-subnav.png) no-repeat;
}
.subNav .sub1 i.i1{
    background-position: 0 0;
}
.subNav .sub1 i.i2{
    background-position: 0 -60px;
}
.subNav .sub1 i.i3{
    background-position: 0 -120px;
}
.subNav .sub1 i.i4{
    background-position: 0 -180px;
}
.subNav .sub1 i.i5{
    background-position: 0 -480px;
}
.subNav .sub1 a:hover i.i1{
    background-position: -60px 0;
}
.subNav .sub1 a:hover i.i2{
    background-position: -60px -60px;
}
.subNav .sub1 a:hover i.i3{
    background-position: -60px -120px;
}
.subNav .sub1 a:hover i.i4{
    background-position: -60px -180px;
}
.subNav .sub1 a:hover i.i5{
    background-position: -60px -480px;
}
.subNav .sub2 i.i1{
    background-position: 0 -240px;
}
.subNav .sub2 i.i2{
    background-position: 0 -300px;
}
.subNav .sub2 i.i3{
    background-position: 0 -360px;
}
.subNav .sub2 i.i4{
    background-position: 0 -420px;
}
.subNav .sub2 a:hover i.i1{
    background-position: -60px -240px;
}
.subNav .sub2 a:hover i.i2{
    background-position: -60px -300px;
}
.subNav .sub2 a:hover i.i3{
    background-position: -60px -360px;
}
.subNav .sub2 a:hover i.i4{
    background-position: -60px -420px;
}
.subNav .sub3{
    padding-top:35px;
}
.subNav .sub3 a{
    margin:0;
}
.subNav .sub3 a:hover{
    color:rgba(226,35,26,1);
}
.subNav .sub3 dl{
    width: 440px;
    float: left;

}
.subNav .sub3 dt{
    float: left;
    margin-right: 20px;
    width: 218px;
    height: 108px;
}
.subNav .sub3 dd{
    display: block;
    float: left;
    text-align: left;
    line-height: 24px;
    width: 200px;
}
.subNav .sub3 dd.pt5{
    padding-top:5px;
}
.subNav .sub3 a{
    text-align: left;
}
.subNav .sub3 a.i-link1,.subNav .sub3 a.i-link2{
    width: 218px;
    height: 108px;
    background: url(../images/navbg1.png) no-repeat;
    font-size:16px;
    color:rgba(255,255,255,1);
    line-height:108px;
    text-align: center;
}
.subNav .sub3 a.i-link2{
    background: url(../images/navbg2.png) no-repeat;
}
/* index-banner */
.l-banner{
    position: relative;
    height: 438px;
}
.i-slideBox{ width:100%; height:438px; background: #222; overflow:hidden; position:relative;}
.i-slideBox .hd{ height:24px; overflow:hidden; position:absolute; right:50%; margin-right:-100px; width:200px; bottom:16px; text-align: center; z-index:1; }
.i-slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-block;}
.i-slideBox .hd ul li{ display:inline-block; margin:0 10px; width:24px; height:24px; border-radius: 50%; border:0;text-align:center; overflow: hidden;line-height: 21px; cursor:pointer; }
.i-slideBox .hd ul li span{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background:#47484a; overflow: hidden;}
/* .i-slideBox .hd ul li.on{border:1px solid #e0281e;} */
.i-slideBox .hd ul li.on span{background:#e0281e; }
.i-slideBox .bd{ position:relative; height:100%; z-index:0;}
.i-slideBox .bd ul{width: 100% !important; overflow: hidden;}
.i-slideBox .bd li{width: 100% !important; position: relative; height:438px; zoom:1; vertical-align:middle; overflow: hidden;}

/*波浪*/
.wave-layer{
    position: absolute;
    z-index: 2;
    bottom: -50px;
    height:130px;
    width: 100%;
}
.wave-layer #waves {
    width: 100%;
    height: 130px;
}

.triangle {
    position: absolute;
    z-index: 3;
    bottom: -104px;
    width: 100%;
    height: 143px;
    background: url(../images/triangle.png) no-repeat;
}

.l-searchBarWrap{
    width: 100%;
    height: 82px;
    background: #F1F1F1;
    position: relative;
    box-shadow: 0 50px 80px rgba(0,0,0,0.03);
    z-index: 2;
}

.l-searchBar{
    position: absolute;
    left:50%;
    margin-left: -605px;
    width: 1210px;
    height: 70px;
    z-index: 10;
}
.searchBox{
    float: left;
    margin: 13px 0 0 80px;
}
.searchBox i.icon-car{
    display: inline-block;
    width: 68px;
    height: 32px;
    background: url(../images/i.png) no-repeat;
    background-position: 0 -159px;
    position: absolute;
    left: 0;
    top: 18px;
}
.searchBox label{
    width: 70px;
    line-height: 42px;
    color: rgba(51,51,51,1);
    vertical-align: middle;
    font-size: 20px;
}
.searchBox .input{
    position: relative;
    display: inline-block;
    width:838px;
    height:28px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(238,238,238,1);
    font-size: 12px;
    vertical-align: middle;
}
.searchBox .input input{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    width: 100%;
    border:0;
    padding: 5px 20px;
    font-size: 12px;
    line-height: 12px;
    background: transparent;

}
@-moz-document url-prefix() { .searchBox .input input { padding: 7px 20px; } }
.searchBox .focus{
    border:1px solid #E2231A;
}
.searchBox .input s,.searchBox .input i{
    display: inline-block;
    position: absolute;
    top:9px;
    right:20px;
    width:16px;
    height: 16px;
    background: url("../images/i.png") no-repeat;
    cursor: pointer;
}
.searchBox .input s{
    background-position: -90px 0;
}
.searchBox .input s:hover{
    background-position: -110px 0;
}
.searchBox .input i{
    display: none;
    background-position: -70px 0;
}
.l-searchBar .btn-search{
    width: 68px;
    height:31px;
    border-radius: 50px;
    background-color: #E2231A;
    margin:18px 0 0 14px;
    color: #FFF;
    font-size:14px;
    text-align: center;
    line-height: 31px;
    cursor: pointer;
    display: inline-block;
}
/* .l-searchBar .btn-search:hover{
    box-shadow: 0 9px 20px rgba(226, 35, 26, .40);
} */
.l-searchBar .link-search{
    font-size:12px;
    color:#999;
    margin:32px 0 0;
    cursor: pointer;
}
.l-searchBar .link-search:hover{
    color:rgba(226,35,26,1);
}
/*searchBox*/

.i-systems{
    height:436px;
    padding-top: 70px;
    position: relative;
    background:rgba(248,248,248,1);
    overflow: hidden;
}
.i-title,.i-title-sub{
    float: left;
    width: 200px;
    /* margin-left: 5px; */
}
.i-title h2,.i-title-sub h2{
    position: relative;
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 32px;
    color: rgba(51,51,51,1);
    padding-bottom: 20px;
    font-weight: 400;
}
.i-title-3 h2{
    font-size: 20px;
}
.i-title p,.zz-content .cont .txt .i-title-sub p{
    line-height: 28px;
    color: rgba(102,102,102,1);
}
.i-title h2::after{
    position: absolute;
    top:-10px;
    left:0;
    width:106px;
    height:6px;
    background:rgba(232,37,25,1);
    overflow: hidden;
    content: " ";
}
.i-title-num5 h2::after{
    width: 132px;
}
.i-title-num6 h2::after{
    width: 158px;
}
.i-title-num55 h2::after{
    width: 138px;
}
.i-title-num33 h2::after{
    width: 88px;
}
.i-title-num3 h2::after{
    width: 80px;
}
.i-title-3 h2::after{
    width: 0;
}
.i-title-sub h2{
    font-size: 18px;
}
.zz-content .cont .txt .i-title-sub p{
    font-size: 16px;
}

/* banner 加文字 */
.banner-title h1{
    margin-bottom: 55px;
    margin-top: 100px;
    font-size: 40px;
    line-height: 52px;
    color: #fff;
}
.banner-title h3{
    font-size: 26px;
    color: #fff;
}
.banner-title h3 span{
    display: inline-block;
    margin-left: 20px;
    vertical-align: bottom;
    font-size: 18px;
}

/* i-title-new 改版title新增类选择器修改，防止其他页面样式错乱 */
.mt25{
    margin-top: 25px;
}
.mt12{
    margin-top: 12px;
}
.i-title-new {
    float: left;
    position: relative;
    padding-left: 29px;
    padding-top: 40px;
}
.i-title-new::after{
    position: absolute;
    left: 7px;
    top:49px;
    width: 7px;
    height: 180px;
    background:rgba(232,37,25,1);
    overflow: hidden;
    content: " ";
}
.i-title-new h2{
    position: relative;
    margin-bottom: 38px;
    font-size: 26px;
    line-height: 38px;
    color: rgba(51,51,51,1);
    padding-bottom: 20px;
    font-weight: 400;
}
.i-title-new p{
    font-size: 18px;
    line-height: 30px;
    color: rgba(102,102,102,1);
}

.i-systems-cont{
    float: right;
    overflow:hidden;
}
.i-system-ul1{
    margin-bottom: 65px;
    margin-right: -40px;
    overflow: hidden;
}
.i-system-ul1 li{
    float: left;
    position: relative;
    width: 220px;
    height: 290px;
    text-align: center;
}
.i-system-ul1 li:after{
    position: absolute;
    right:0;
    bottom:40px;
    width:1px;
    height:30px;
    background: rgba(193,193,193,.5);
    overflow: hidden;
    content: " ";
}
.i-system-ul1 li:last-child:after{
    display: none;
}
.i-system-ul1 .img{
    display: block;
    height: 200px;
    margin-bottom: 12px;
    background: url("../images/shadow.png") no-repeat;
    overflow: hidden;
}
.i-system-ul1 .img i{
    display: block;
    height: 200px;
    transition:all .5s;
}
.i-system-ul1 li:hover .img i{
    margin-top: -10px;
}
.i-system-ul1 .img i.i1{
    background: url("../images/i1.png") no-repeat;
}
.i-system-ul1 li:hover .img i.i1{
    background: url("../images/i1-hover.png") no-repeat;
}
.i-system-ul1 .img i.i2{
    background: url("../images/i2.png") no-repeat;
}
.i-system-ul1 li:hover .img i.i2{
    background: url("../images/i2-hover.png") no-repeat;
}
.i-system-ul1 .img i.i3{
    background: url("../images/i3.png") no-repeat;
}
.i-system-ul1 li:hover .img i.i3{
    background: url("../images/i3-hover.png") no-repeat;
}
.i-system-ul1 .img i.i4{
    background: url("../images/i4.png") no-repeat;
}
.i-system-ul1 li:hover .img i.i4{
    background: url("../images/i4-hover.png") no-repeat;
}
.i-system-ul1 .hover{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    padding-bottom: 15px;
    opacity: 0;
    transition:all .5s;
}
.i-system-ul1 .hover:after{
    position: absolute;
    left:50%;
    bottom:0;
    margin-left: -73px;
    width:146px;
    height:6px;
    background: #e23b1a;
    overflow: hidden;
    content: " ";
}
.i-system-ul1 .hover h5{
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #e23b1a;
}
.i-system-ul1 li:hover .hover{
    opacity: 1;
    display: block;
}
.i-system-ul1 .normal{
    opacity: 1;
    transition:all .5s;
}
.i-system-ul1 li:hover .normal{
    opacity: 0;
}
.i-system-ul1 li h4{
    margin-bottom: 5px;
    font-size: 24px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    letter-spacing: 0;
    color: #666;
    line-height: 24px;
}
.i-system-ul1 li h4 span{
    padding: 0 6px;
}
.i-system-ul1 li p{
    line-height: 20px;
    font-size: 12px;
}
.i-system-ul2 li{
    float: left;
    width: 200px;
    text-align: center;
}
.i-system-ul2 li i{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
    background: url("../images/i1_1.png") no-repeat;
}
.i-system-ul2 li i.i1{
    background-position: 0 0;
}
.i-system-ul2 li i.i2{
    background-position: 0 -50px;
}
.i-system-ul2 li i.i3{
    background-position: 0 -100px;
}
.i-system-ul2 li i.i4{
    background-position: 0 -150px;
}
.i-system-ul2 li p{
    line-height: 24px;

}
.i-network{
    height:400px;
    /*padding-top: 45px;*/
    background:#18191d;
    position: relative;
    overflow: hidden;
}
.i-network .video-wrap{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow: hidden;
    z-index: 1;
}
.i-network .wrap{
    position: absolute;
    z-index: 1;
    top: 45px;
    margin-left: -605px;
    left: 50%;
}
.i-title2 h2, .i-title2 p{ color: #FFF}
.i-network-cont{
    float: right;
    margin-top: -45px;
    width: 900px;
}
.i-network-ul li{
    position: relative;
    float: left;
    width: 150px;
    height: 400px;
    text-align: center;
    color: #FFF;
}
.i-network-ul li:hover{
    background: rgba(232,37,25,1);
}
.i-network-ul li i{
    display: inline-block;
    margin: 100px auto 0;
    width: 80px;
    height: 80px;
    background: url("../images/i2_1.png") no-repeat;
}
.i-network-ul li i.i1{
    background-position: 0 0;
}
.i-network-ul li i.i2{
    background-position: 0 -80px;
}
.i-network-ul li i.i3{
    background-position: 0 -160px;
}
.i-network-ul li i.i4{
    background-position: 0 -240px;
}
.i-network-ul li i.i5{
    background-position: 0 -320px;
}
.i-network-ul li i.i6{
    background-position: 0 -400px;
}
.i-network-ul li h4{
    font-size: 16px;
    line-height: 16px;
    margin-top: 43px;
}
.i-network-ul li div{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    padding-top: 125px;
    opacity: 0;
    /*background: url("../images/i3_1.png") no-repeat;*/
    background: rgba(232,37,25,.8);
    transition:all .5s;
}
.i-network-ul li div h3{
    display: none;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-align: center;
}
/* .i-network-ul li div h3:after{
    position: absolute;
    bottom:0;
    left:50%;
    margin-left:-30px;
    width:60px;
    height:1px;
    background:#FFF;
    overflow: hidden;
    content: " ";
} */
.i-network-ul li div p{
    display: none;
    font-size: 12px;
    margin:0 20px;
    text-align: center;
    line-height: 20px;
    color: rgba(255,255,255,.85);;
}
.i-network-ul li:hover i,
.i-network-ul li:hover h4{opacity: 0}
.i-network-ul li:hover div{
    opacity: 1;
}
.i-network-ul li:hover div h3,
.i-network-ul li:hover div p{display: block}
.i-network-ul li.li-1 div{
    background-position: 0 0;
}
.i-network-ul li.li-2 div{
    background-position: -150px 0;
}
.i-network-ul li.li-3 div{
    background-position: -300px 0;
}
.i-network-ul li.li-4 div{
    background-position: -450px 0;
}
.i-network-ul li.li-5 div{
    background-position: -600px 0;
}
.i-network-ul li.li-6 div{
    background-position: -750px 0;
}



.slideUp {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}
@keyframes slideUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes slideUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.slideDown {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}
@keyframes slideDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes slideDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.i-logistics{
    height: 475px;
    padding-top: 65px;
    background: #1E1D20;
}
.btn-more{
    margin-top:37px;
    font-size: 16px;
    color: rgba(255,255,255,1);
    width: 145px;
    height: 31px;
    border-radius: 15px;
    line-height: 31px;
    display: inline-block;
    text-align: center;
    background: #e21a36; /* Old browsers */
    background: -moz-linear-gradient(left, #e21a36 0%, #e23b1a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e21a36 0%,#e23b1a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e21a36 0%,#e23b1a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e21a36', endColorstr='#e23b1a',GradientType=1 ); /* IE6-9 */
}
.i-log-ul{
    float: right;
}
.i-log-ul li{
    position: relative;
    float: left;
    width: 200px;
    height: 330px;
    margin: 0 15px;
    transition:all .5s;
}
.i-log-ul li:last-child{
    margin-right: 0;
}
.i-log-ul li.li1{
    background: url("../images/logbg1.png") no-repeat;
}
.i-log-ul li.li2{
    background: url("../images/logbg1.png") no-repeat;
}
.i-log-ul li.li3{
    background: url("../images/logbg1.png") no-repeat;
}
.i-log-ul li.li4{
    background: url("../images/logbg1.png") no-repeat;
}
.i-log-ul li:hover{
    margin-top: -10px;
    background: #e72519;
    box-shadow: 0 0 20px rgba(0,0,0,.15);
}
.i-log-ul li .tit{
    position: absolute;
    display: block;
    left:0;
    bottom:48px;
    width: 100%;
    padding-bottom: 20px;
    text-align: center;
    color: #FFF;
    opacity: 1;
}
.i-log-ul li:hover .tit{
    display: none;
}
/* .i-log-ul li .tit::after{
    position: absolute;
    bottom:0;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:5px;
    background:#FFF;
    overflow: hidden;
    content: " ";
} */
.i-log-ul li .tit h5{
    margin-bottom: 8px;
    line-height: 16px;
    font-size: 16px;
    font-weight: bold;
}
.i-log-ul li .tit p{
    font-size: 12px;
    opacity: .5;
}
.i-log-ul li img{
    position: absolute;
    transition:all .5s;
}
.i-log-ul li.li1 img{
    top:68px;
    left:-12px;
    width: 212px;
}
.i-log-ul li.li2 img{
    top: 57px;
    left: 19px;
    width: 161px;
}
.i-log-ul li.li3 img{
    top: 47px;
    left: 43px;
    width: 125px;
}
.i-log-ul li.li4 img{
    top: 59px;
    left: 8px;
    width: 182px;
}
.i-log-ul li.li1:hover img{
    top:28px;
    left:-50px;
    width: 267px;
}
.i-log-ul li.li2:hover img{
    top: 20px;
    left: 6px;
    width: 174px;
}
.i-log-ul li.li3:hover img{
    top: -32px;
    left: 25px;
    width: 153px;
}
.i-log-ul li.li4:hover img{
    top: -10px;
    left:-18px;
    width: 240px;
}
.i-log-ul li .mark{
    position: absolute;
    top:180px;
    left:0;
    width: 100%;
    padding:0 20px;
    color: #FFF;
    opacity: 0;
    transition:all .5s;
}
/* .i-log-ul li .mark::before{
    position: absolute;
    top:0;
    left:50%;
    margin-left: -45px;
    width:90px;
    height:1px;
    background:rgba(255,255,255,.5);
    overflow: hidden;
    content: " ";
} */
.i-log-ul li .mark h5{
    padding: 5px 0 10px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}
.i-log-ul li .mark p{
    height: 69px;
    /* margin-bottom: 5px; */
    font-size: 12px;
    line-height: 18px;
    text-align: left;
    color: rgba(255,255,255,.9);
    overflow: hidden;
    text-align: center;
}
.i-log-ul li .mark .more{
    text-align: center;
}
.i-log-ul li .mark .more a{
    font-size: 12px;
    color: #FFF;
    line-height: 12px;
}
.i-log-ul li .mark .more a span{
    margin-left: 8px;
    font-family: SimSun;
    vertical-align: middle;
}
.i-log-ul li:hover .mark{
    opacity: 1;
}
.i-modules{
    height: 390px;
    background: #000;
}
.i-modules li{
    position: relative;
    float: left;
    width: 25%;
    height: 390px;
    text-align: center;
    overflow: hidden;
}
.i-modules li .img{
    position: absolute;
    top:0;
    left:0;
    right:0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition:all .5s;
}
.i-modules li.li1 .img{
    background: url("../images/mpic1-1.jpg") center center no-repeat;
}
.i-modules li.li2 .img{
    background: url("../images/mpic2-2.jpg") center center no-repeat;
}
.i-modules li.li3 .img{
    background: url("../images/mpic3-3.jpg") center center no-repeat;
}
.i-modules li.li4 .img{
    background: url("../images/mpic4-4.jpg") center center no-repeat;
}
.i-modules li:hover .img{
    transform:scale(1.05)
}
.i-modules li .mark{
    position: relative;
    width: 100%;
    height: 100%;
    color: #FFF;
    background: rgba(0,0,0,0);
    z-index: 2;
    transition:all .5s;
}
.i-modules li:hover .mark{
    width: 100%;
    height: 100%;
    color: #FFF;
    background: rgba(0,0,0,.6);
}
.i-modules li .mark h4{
    padding-top: 196px;
    font-size: 22px;
    line-height: 22px;
    transition:all .5s;
}
.i-modules li:hover .mark h4{
    padding-top: 176px;
}
.i-modules li .mark .info{
    display: none;
    margin-top: 15px;
}
.i-modules li:hover .mark .info{
    display: block;
}
.i-modules li .mark p{
    /*font-size: 12px;*/
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 14px;
    font-family: 'Candara';
    letter-spacing: 1px;
    text-transform: uppercase;
}
.i-modules li .mark .more{
    margin-top: 30px;
    text-align: center;
}
.i-modules li .mark .more a{
    color: #E82519;
    font-size: 12px;
}
.i-section1{
    padding: 50px 0 110px;
    background: #F8F8F8;
    overflow: hidden;
}
.i-section2{
    padding: 50px 0;
    background: #fff;
    overflow: hidden;
}
.i-title3{
    position: relative;
    float: none;
    display: inline-block;
    width: auto;
}
.i-news-ul{
    position: relative;
    width: 960px;
    margin: 0 auto;
    margin-top: -30px;
}
.i-news-ul li{
    float: left;
    width: 220px;
    height: 150px;
    margin: 10px;
    padding:15px 20px;
    background: #FFF;
    border:1px solid #eee;
    transition:all .25s;
}
.i-news-ul li h5{
    font-size: 16px;
    line-height: 20px;
    height: 60px;
    margin-bottom: 40px;
    overflow: hidden;
}
.i-news-ul li p{
    height: 60px;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    overflow: hidden;
}
.i-news-ul li .more{
    text-align: right;
}
.i-news-ul li .more a{
    font-size: 12px;
    color: #E2231A;
}
.i-news-ul li .line{
    margin: 10px 0;
    width: 0;
    height: 0;
    border-bottom: 1px solid #ddd;
    transition:all .5s;
}
.i-news-ul li:hover .line{
    width: 100%;
}
.i-news-ul li:hover{
    background: #e72519;
    border:1px solid #e72519;
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    color: #FFF;
}

.i-news-ul li .all{
    display: block;
    margin: -15px -20px;
    height: 100%;
    text-align: center;
    line-height: 150px;
    font-size: 16px;
    color: #E2231A;
}
.i-news-ul li:hover p,
.i-news-ul li:hover .more a,
.i-news-ul li:hover .all{
    color: #fff;
}

/**/
.leftLoop{ position:relative; margin-top:15px; overflow:hidden;}
.leftLoop .prev,.leftLoop .next{ display:block; position:absolute; top:18px;  width:20px; height:37px; overflow:hidden; cursor:pointer; background:url('../images/i.png') no-repeat;}
.leftLoop .prev{ left:45px; background-position: 0 -30px;}
.leftLoop .next{ right:45px; background-position:-20px -30px;}
.leftLoop .prevStop{ background-position: 0 -30px; opacity: .3}
.leftLoop .nextStop{  background-position:-20px -30px; opacity: .3 }
.leftLoop .bd{margin: 0 auto; overflow: hidden;}
.leftLoop ul{ overflow:hidden; zoom:1;}
.leftLoop ul li{float:left; _display:inline; width:190px; height:72px; margin:0 10px 10px 0; text-align:left; overflow:hidden;}
.leftLoop ul li img{
    width:190px; height:72px;
    /*border:1px solid #eee;*/
}
.leftLoop ul li .more{
    display: block;
    width:190px;
    height: 72px;
    font-size: 12px;
    border: 1px solid #eee;
    color: #e82519;
    line-height: 72px;
    text-align: center;
}
.leftLoop ul li .more:hover{
    background: #e2231a;
    border: 1px solid #e2231a;
    color: #FFF;
}

.ul-customers{
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 30px;
    overflow: hidden;
}
.ul-customers li{
    float: left;
    width: 200px;
    height: 165px;
    /*background: #eee;*/
}
.ul-customers li img{
    margin: 5px 6px;
}
.customers{
    height: 200px;
}
.customers .leftLoop{
    overflow: visible;
}
.customers .leftLoop .bd ul li{
    margin-bottom: 10px;
}
.customers .leftLoop .prev,.customers .leftLoop .next{
    top:53px;
}
.i-footer{
    height: 150px;
    padding-top: 35px;
    color: #FFF;
    font-size: 12px;
    background: #1E1D20;
}
.i-footer .left{
    float: left;
    margin-top: 10px;

}
.i-footer .right{
    float: left;
    text-align: center;
    padding-top: 15px;
    font-size: 12px;
    padding-left: 114px;
    margin-right: 114px;
}
.foot-code{
    float: left;
    margin-top:-5px;
}

/* .i-footer .right ul{
    text-align: center;
} */
.i-footer .right ul li{
    display: inline-block;
    padding: 0 20px;
    /* float: left; */
    line-height: 12px;
    border-right: 1px solid #fff;
}
.i-footer .right ul li:last-child{
    border:none;
}
.i-footer .right ul li a{
    color: #fff;
}
.i-footer .right ul li a:hover{
    color: #E2231A;
}


.i-footer .right dl{
    /*height: 50px;*/
    margin-bottom: 25px;
    overflow: hidden;
}
.i-footer .right dt{
    float: left;
    width: 140px;
}
.i-footer .right dt img{
    float: left;
    margin-right: 5px;
    width: 60px;
    height: 60px;
}
.i-footer .right dt p{
    font-size: 12px;
    line-height: 21px;
}
.i-footer .right dd{
    margin-left: 185px;
}
.i-footer .right dd p{
    font-size: 12px;
    padding-bottom: 5px;
}
.i-footer .right dd p.p1{
    padding-left: 4px;
    color: #c1c1c1;
}
.i-footer .right dd a{
    margin: 0 3px;
    color: #FFF;
}
.i-footer .right dd a:hover{
    color: #E2231A;
}
.i-footer .right .copy{
    margin-top: 15px;
    font-size: 12px;
    color: #949494;
    letter-spacing: -1px;
}
.i-footer .right .copy span{
    display: inline-block;
}

/* history */
.historyBox{ width:100%; padding-top: 50px}
.historyBox .hd{ height:50px; border-top:16px solid rgba(0,0,0,.05);  position:relative; }
.lineLeft{position: absolute;left:0; top:-16px; width: 50%; margin-left: -430px; height: 16px; background: url("../images/line.png") repeat-x; overflow: hidden}
.historyBox .hd ul{ position: relative; left: -50px; width: 900px; margin: -16px auto 0; text-align: center}
.historyBox .hd ul li{position: relative;display: inline-block;width: 0px;height: 50px;margin-left: 94px;text-align: center;cursor:pointer;}
.historyBox .hd ul li.on:before{
    position: absolute;
    top:0;
    left: -84px;
    width: 90px;
    height: 16px;
    background: url("../images/line.png") repeat-x;
    content: " ";
}
.historyBox .hd ul li span{position:relative; display: inline-block; width: 22px; height: 22px; background: url("../images/i.png") no-repeat -70px -30px; z-index: 1}
.historyBox .hd ul li.on span{ background-position: -40px -30px}
.historyBox .hd ul li p{ font-size: 14px; color: #999; font-family: "Century Gothic";}
.historyBox .hd ul li.on p{ color: #E2231A}
.historyBox .bd{
    width: 790px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.historyBox .bd .contBox{
    width: 790px;
    height: 128px;
}
.historyBox .bd .contBox li{
    position: relative;
    height: 128px;
    padding: 10px 0;
    background: #FFF;
    border-bottom: 4px solid #eee;
    box-shadow: 0 10px 20px rgba(0,0,0,.10);
}
.historyBox .bd .contBox li:after{
    position: absolute;
    bottom: -55px;
    width: 82px;
    height: 55px;
    background: url("../images/shadow_1.png") no-repeat;
    content: " ";
}
.historyBox .bd .contBox li.li1:after{
    left: 17px;
}
.historyBox .bd .contBox li.li2:after{
    left: 117px;
}
.historyBox .bd .contBox li.li3:after{
    left: 215px;
}
.historyBox .bd .contBox li.li4:after{
    left: 314px;
}
.historyBox .bd .contBox li.li5:after{
    left: 412px;
}
.historyBox .bd .contBox li.li6:after{
    left: 510px;
}
.historyBox .bd .contBox li.li7:after{
    left: 606px;
}
.historyBox .bd .contBox li.li8:after{
    left: 706px;
}
.historyBox .bd .contBox dt{
    display: none;
    float: left;
    width: 165px;
    margin-top: 20px;
    height: 36px;
    border-right:1px solid #eee;
    text-align: center;
    font-size: 32px;
    line-height: 36px;
    color: #E82519;
}
.historyBox .bd .contBox dd{
    margin: 0 85px;
    padding: 0 40px;
    font-size: 12px;
    color: #666;
}
.historyBox .bd .contBox dd p{
    position: relative;
    padding: 5px 0 5px 10px;
    line-height: 17px;
}
.historyBox .bd .contBox dd p::before{
    position: absolute;
    top:1px;
    left:0;
    width:10px;
    height:12px;
    font-weight: 700;
    overflow: hidden;
    content: ".";
}

/* history 改版 */
.historyBox-1{
    float: left;
    position: relative;
    height: 230px;
    padding-top: 43px;
}
.historyBox-1 ul{
    font-size: 0;
    margin-left: 15px;
}
.historyBox-1 ul li{
    display: inline-block;
    padding: 0 25px;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    border-right: 1px solid #E2E2E2;
    color: #999;
    cursor: pointer;
    position: relative;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    letter-spacing: 0;
    /* font-weight: 600; */
}
.historyBox-1 ul li:last-child{
    border:none;
}
.historyBox-1 ul li.cur{
    color: #e72418;
}
.historyBox-1 ul li.cur::after{
    width: 72px;
    height: 6px;
    background: #E82519;
    overflow: hidden;
    position: absolute;
    bottom:-17px;
    left: 50%;
    margin-left: -36px;
    content: " ";
}
.history-item{
    position: absolute;
    left: 0;
    bottom:0;
    padding-left: 36px;
    color: #666;
    line-height: 28px;
    display: none;
}
.history-item.cur{
    display: block;
}
.history-item p{
    position: relative;
}
.history-item p::before{
    position: absolute;
    top:-4px;
    left:-10px;
    width:10px;
    height:12px;
    font-weight: 700;
    content: ".";
    color: #666;
}
.history-item p:last-child{
    float: left;
}
.history-item p:last-child::after{
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    height: 1px;
    background: #A9A9A9;
    overflow: hidden;
    content: " ";
}


/* 下面是前/后按钮代码，如果不需要删除即可 */
.historyBox .arrow{  position:absolute; right:10px; top:0; }
.historyBox .arrow a{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; }
.historyBox .arrow .next{ background-position:0 -50px;  }
.historyBox .arrow .prevStop{ background-position:-60px 0; }
.historyBox .arrow .nextStop{ background-position:-60px -50px; }

/*仓配一体*/
.subBanner{
    padding-top: 185px;
    height: 450px;
    color: #FFF;
    /* text-align: center; */
}
.subBanner p{
    margin-bottom: 8px;
    font-size: 14px;
    font-family: 'Candara';
    letter-spacing: 4px;
    text-transform: uppercase;
}
.subBanner h2{
    font-size: 40px;
}
#banner-cpyt{
    background: url("../images/banner-cpyt.jpg") top center no-repeat;
}
#banner-gyljr{
    background: url("../images/banner-gyljr.jpg") top center no-repeat;
}
#m-depot{
    position: relative;
    height: 470px;
    background: url("../images/cp-bg.jpg") top center no-repeat;
}
/* 本例子css */
.depotTabs{ position:absolute; top:0; left:50%; margin-left: -605px; width:1210px; height: 100%;}
.depotTabs .hd{ float: left; width: 190px; height: 100%; border-right: 1px solid #e5e5e5;}
.depotTabs .hd ul{ padding: 145px 0 0;}
.depotTabs .hd ul li{ margin: 55px 0 0; height: 60px; line-height: 60px; font-size: 18px; color: #333;  text-align: center; cursor:pointer; }
.depotTabs .hd ul li.on{ background:#e2231a; color: #fff; }
.depotTabs .bd{ float:left;}
.depotTabs .tabCont{ position: relative; width: 620px; margin-left: 210px; margin-top: 85px}
.depotTabs .tabCont .textBox .title{
    position: relative;
    margin-bottom: 60px;
    padding: 20px 0;
    font-size: 18px;
    line-height: 18px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,.2);
}
.depotTabs .tabCont .textBox .title p{
    position: absolute;
    top: 5px;
    left: -100px;
    right: -100px;
    height: 30px;
    font-size: 28px;
    line-height: 30px;
    color: rgba(0,0,0,.1);
    text-transform: uppercase;
}
.depotTabs .tabCont .textBox h4{
    margin-bottom: 40px;
    font-size: 22px;
    color: #333;
    line-height: 24px;
}
.depotTabs .tabCont .textBox h4 b{
    display: inline-block;
    border-bottom: 1px solid #E2231A;
    width: 248px;
    overflow: hidden;
    margin-left: 10px;
}
.depotTabs .tabCont .textBox h4 b.more-b{
    width: 188px;
}
.depotTabs .tabCont .textBox h4 span{
    margin-left: 10px;
    color: #e2231a;
    font-size: 14px;
    margin-bottom: 60px;
}
.depotTabs .tabCont .textBox .info li{
    padding-bottom: 8px;
    font-size: 14px;
    color: #666;
    line-height: 16px;
}
.i-section3{
    padding: 50px 0 60px;
    background: #0e0e19;
    overflow: hidden;
}
.i-section3 .i-title h2,.i-section3 .i-title .i-section3-p{
    color: #FFF;
}
.server-ul{
    /* padding-top: 30px; */
    overflow: hidden;
}
.server-ul li{
    float: left;
    position: relative;
    width: 390px;
    height: 270px;
    margin: 0 5px;
    /*border-left:4px solid #e2231a;*/
    background: #FFF;
    /*cursor: pointer;*/
    overflow: hidden;
    transition:all .5s;
}
.server-ul li img{
    width: 390px;
    height: 270px;
    vertical-align: top;
}
.server-ul li h5{
    position: absolute;
    top:120px;
    left:0;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #FFF;
}
.server-ul li h5 span{
    font-size: 14px;
}
.server-ul li .mark{
    position: absolute;
    top:0;
    left:-386px;
    width: 390px;
    height: 100%;
    background: #e2231a;
    color: #FFF;
    text-align: center;
    transition:all .5s;
}
.server-ul li .mark h6{
    padding-top: 120px;
    font-size: 16px;
}
.server-ul li .mark p.h5{
    padding:96px 0 0 54px;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}
.server-ul li .mark .h6wrap{
    padding: 45px 0 0 105px;
}
.server-ul li .mark p.h6{
    font-size: 12px;
    line-height: 22px;
    text-align: left;
}
.server-ul li .mark p.h6 em{
    font-style: normal;
    margin-left: -80px;
    text-align: center;
    width: 80px;
    display: inline-block;
}
.server-ul li:hover{
    /*margin-top:-10px;*/
}
.server-ul li:hover .mark{
    left:0;
}
.steps-ul{
    padding-top: 20px;
    /*overflow: hidden;*/
}
.steps-ul li{
    float: left;
    width: 290px;
    margin: 0 5px;
}
.steps-ul li h4{
    height: 20px;
    margin-bottom: 15px;
    background: url("../images/stitlebg.png") no-repeat;
}
.steps-ul li .t1{
    background-position: 0 0;
}
.steps-ul li .t2{
    background-position: 0 -20px;
}
.steps-ul li .t3{
    background-position: 0 -40px;
}
.steps-ul li .t4{
    background-position: 0 -60px;
}
.steps-ul li div{
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0,0,0,.10);
    transition:all .5s;
}
.steps-ul li div img{
    border-radius: 5px;
}
.steps-ul li:hover div{
    box-shadow: 0 0 20px rgba(0,0,0,.30);
}
.steps-ul li p{
    position: relative;
    margin: 0 15px;
    padding-left: 25px;
    font-size: 12px;
    line-height: 24px;
    color: #666;
}
.steps-ul li p::before{
    position: absolute;
    top:5px;
    left:0;
    font-size: 14px;
    line-height: 10px;
    color: #e2231a;
    content: "●";
}
/*供应链服务*/
.bn-info{
    width: 1210px;
    margin: 0 auto;
}
.subBanner-n{
    position: relative;
    padding-top: 180px;
    height: 788px;
    color: #FFF;
    background: #0e0e19;
}
.radian,.radian2{
    position: absolute;
    bottom:-1px;
    left:0;
    width: 100%;
    height: 124px;
    background: url("../images/radianbg.png") top center no-repeat;
}
.radian2{
    background-image: url("../images/radianbg-white.png");
    bottom:-1px;
}
.bn-info p{
    margin-bottom: 8px;
    font-size: 14px;
    font-family: 'Candara';
    letter-spacing: 4px;
    text-transform: uppercase;
}
.bn-info h2{
    font-size: 40px;
}
.mt60{ margin-top: 60px}
.bn-section{
    position: absolute;
    left: 50%;
    bottom: 150px;
    margin-left: -605px;
    width: 1210px;
    text-align: center;
    /*background: #ccc;*/
}
.bn-section.bn-yunadd{
    bottom:50px;
}
.bn-section.title-kuajing{
    bottom:100px;
}
.bn-section .title{
    margin-bottom: 135px;
}
.bn-section .title.mb65{
    margin-bottom: 65px;
}
.bn-section.title-kuajing .title{
    margin-bottom: 30px;
}
.bn-section h3{
    font-size: 16px;
    color: #FFF;
    line-height: 30px;
}
.bn-section p{
    color: #999;
}
.bn-section p.tal{
    width: 230px;
    margin-top: 43px;
}
.tal{
    text-align: left;
}
.ul-gyl{
    padding-bottom: 30px;
    overflow: hidden;
}
.ul-gyl li{
    position: relative;
    float: left;
    width: 20%;
    border-bottom: 1px solid rgba(255,255,255,.1);
    /*cursor: pointer;*/
}
/* .ul-gyl li:after{
    position: absolute;
    top: 55%;
    right: -22px;
    width: 40px;
    height: 14px;
    background: url("../images/line_1.png") no-repeat;
    overflow: hidden;
    content: " ";
} */
.ul-gyl li:nth-child(odd):after{
    background-position: 0 0;
}
.ul-gyl li:hover:nth-child(odd):after{
    background-position: 0 -14px;
}
.ul-gyl li:nth-child(even):after{
    background-position: -40px 0;
}
.ul-gyl li:hover:nth-child(even):after{
    background-position: -40px -14px;
}
.ul-gyl li:nth-child(5):after{
    display: none;
}

.ul-gyl li div{
    width: 120px;
    height: 170px;
    padding-top: 20px;
    padding-bottom:10px;
    margin: 0 auto;
    overflow: hidden;
    transition: all .5s;
}
.ul-gyl li:hover div{
    padding-top: 0;
}
.ul-gyl li div i{
    display: block;
    width: 120px;
    height: 140px;
}
.ul-gyl li div i.i1{
    background: url("../images/i1_2.png") no-repeat;
}
.ul-gyl li:hover div i.i1{
    background: url("../images/i1-hover_1.png") no-repeat;
}
.ul-gyl li div i.i2{
    background: url("../images/i2_2.png") no-repeat;
}
.ul-gyl li:hover div i.i2{
    background: url("../images/i2-hover_1.png") no-repeat;
}
.ul-gyl li div i.i3{
    background: url("../images/i3_2.png") no-repeat;
}
.ul-gyl li:hover div i.i3{
    background: url("../images/i3-hover_1.png") no-repeat;
}
.ul-gyl li div i.i4{
    background: url("../images/i4_1.png") no-repeat;
}
.ul-gyl li:hover div i.i4{
    background: url("../images/i4-hover_1.png") no-repeat;
}
.ul-gyl li div i.i5{
    background: url("../images/i5.png") no-repeat;
}
.ul-gyl li:hover div i.i5{
    background: url("../images/i5-hover.png") no-repeat;
}
.ul-gyl li p{
    position: absolute;
    bottom:-30px;
    left:0;
    width: 100%;
    height: 30px;
    padding-top: 16px;
    font-size: 16px;
    line-height: 14px;
    color: #999;

}
.ul-gyl li:hover p{
    color: #e23b1a;
}
.ul-gyl li:hover p:before{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 6px;
    background: #e23b1a;
    overflow: hidden;
    content: " ";
}
.ul-ly{
    float: right;
    width: 1010px;
    height: 380px;
    padding-top: 20px;
    margin-bottom: 30px;
}
.ul-ly li{
    float: left;
    position: relative;
    padding-top: 20px;
    margin-right: 10px;
    transition: all .5s;
}
.ul-ly li.hover,.ul-ly li:hover{
    padding-left: 75px;
    padding-top: 10px;
}
.ul-ly li:last-child{
    margin-right: 0;
}
.ul-ly li s{
    position: absolute;
    display: none;
    left: 0;
    top:0;
    width: 110px;
    height: 155px;
    background: url("../images/k.png") no-repeat;
}
.ul-ly li.hover s,.ul-ly li:hover s{
    display: block;
}
.ul-ly li s.s1{
    background-position: 0 0;
}
.ul-ly li s.s2{
    background-position: 0 -155px;
}
.ul-ly li s.s3{
    background-position: 0 -310px;
}
.ul-ly li div{
    position: relative;
    width: 290px;
    height: 330px;
    padding: 25px 40px;
    background:#FFF;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    z-index: 1;
    transition: all .5s;
}
.ul-ly li.hover div,.ul-ly li:hover div{
    box-shadow: 0 10px 10px rgba(0,0,30,.20);
}
.ul-ly li h4{
    display: inline-block;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 20px;
    padding-right: 30px;
    border-bottom:1px solid rgba(0,0,0,.1);
}


.chainColumn1{
    height: 510px;
    padding: 50px 0;
    background: url("../images/chaincolumnbg1.jpg") top center no-repeat #FFF;
}
.chain-ul1{
    padding-top: 40px;
    text-align: center;
}
.chain-ul1 li{
    display: inline-block;
    width: 190px;
    margin: 0 8px;
    text-align: left;
    /*cursor: pointer;*/
}
.chain-ul1 li .pic{
    position: relative;
}
.chain-ul1 li .tit{
    margin: 10px 20px;
}
.chain-ul1 li .tit p{
    width: 0;
    font-size: 18px;
    white-space:nowrap;
    text-align: center;
    transition:all .5s;
}
.chain-ul1 li .tit p.en{
    color: #666;
    font-size: 12px;
}
.chain-ul1 li .pic,.chain-ul1 li .pic img,.chain-ul1 li .pic .mark{
    width: 190px;
    height: 210px;
    border-radius: 5px;
}
.chain-ul1 li .pic .mark{
    position: absolute;
    top:0;
    left:0;
    background: #E2231A;
    opacity: 0;
    transition:all .5s;
}
.chain-ul1 li:hover .pic .mark{
    opacity: 1;
}
.chain-ul1 li:hover p,.chain-ul1 li:hover p.en{
    color: #E2231A;
    width: 100%;
}
.chainColumn2{
    position: relative;
    margin-top: -43px;
    margin-bottom: -30px;
    height: 530px;
    padding-top: 90px;
    background: url("../images/chaincolumnbg2.png") top center no-repeat;
    z-index: 1;
}
.chainColumn2 .i-title h2 {
    color: #FFF;
}
#chainPros{
    height: 490px;
    padding-top: 90px;
}
.chain-ul2{
    float: right;
    width: 990px;
    padding-top: 10px;
}
.chain-ul2 li{
    position: relative;
    float: left;
    width: 190px;
    margin-right: 10px;
    border:1px solid #eee;
    background: #FFF;
    border-radius: 5px;
    transition:all .5s;
}
.chain-ul2 li:last-child{
    margin-right: 0;
}
.chain-ul2 li .pic{
    position: relative;
    margin: -1px -1px 0 -1px;
    width: 190px;
    height: 179px;
}
.m-chain-ul2 li .pic{
    height: 229px;
}
.chain-ul2 li .pic img{
    width: 190px;
    height: 179px;
    border-radius: 5px 5px 0 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .8;
    transition:all .5s;
}
.m-chain-ul2 li .pic img{
    height: 229px;
}
.chain-ul2 li .sign{
    position: absolute;
    top: 164px;
    right: 18px;
    width: 24px;
    height: 24px;
    background: #FFF;
    color: #999;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(147,40,35, .15);
    z-index: 2;
}
.m-chain-ul2 li .sign{
    top:214px;
}
.chain-ul2 li .txt{
    padding:15px 16px;
}
.chain-ul2 li h5{
    font-size: 14px;
    line-height: 14px;
    color: #333;
    margin-bottom: 10px;
}
.chain-ul2 li p{
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 12px;
    color: #666;
}
.chain-ul2 li .more{
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    opacity: 0;
    transition: all .5s;
}
.chain-ul2 li .more a{
    color: #E2231A;
}
.chain-ul2 li:hover{
    margin-top: -10px;
    box-shadow: 0 10px 40px rgba(0,0,0,.10);
    border: 1px solid #fff;
}
.chain-ul2 li:hover .more{
    opacity: 1;
}
.chain-ul2 li:hover .pic img{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}
.chain-ul2 li:hover .sign{
    background: #E2231A;
    color:#FFF;
}
.i-solution{
    height: 480px;
    background: #0e0e19;
}
.ul-solution{
    height: 480px;
    overflow: hidden;
}
.ul-solution li{
    position: relative;
    float: left;
    width: 14.2857%;
    height: 480px;
    /*cursor: pointer;*/
    transition: all .5s;
}
.ul-solution li.hover,.ul-solution li:hover{
    width: 42.8571%;
}
.ul-solution li.li1{
    background: url("../images/s1.png") top center no-repeat;
}
.ul-solution li.li2{
    background: url("../images/s2.png") top center no-repeat;
}
.ul-solution li.li3{
    background: url("../images/s3.png") top center no-repeat;
}
.ul-solution li.li4{
    background: url("../images/s4.png") top center no-repeat;
}
.ul-solution li.li5{
    background: url("../images/s5.png") top center no-repeat;
}
.ul-solution li.li6{
    background: url("../images/s6.png") top center no-repeat;
}
.ul-solution li>div{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    padding-top: 70px;
    text-align: center;
    background: url("../images/redbg.png") no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    overflow: hidden;
    transition: all .5s;
}
.ul-solution li:hover>div,.ul-solution li.hover>div{
    opacity: 1;
}
.ul-solution li>div .tit{
    position: relative;
    height: 65px;
    margin-bottom: 30px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
}
.ul-solution li>div .tit:after{
    position: absolute;
    bottom:0;
    left:50%;
    margin-left: -50px;
    width:100px;
    height: 6px;
    background: #FFF;
    overflow: hidden;
    content: " ";
}
.ul-solution li>div .tit h4{
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}


/* 本例子css */
.platTabs{ width:1210px; padding-top: 30px; text-align:left;}
.platTabs .hd{ position:relative; float: left; width: 205px;}
.platTabs .hd ul{ padding:0 0 0 15px;}
.platTabs .hd ul li{ margin:0 0 35px 0; width: 128px; height: 34px; line-height: 32px; border:1px solid transparent; border-radius: 17px; text-align: center; color: #FFF; cursor:pointer; }
.platTabs .hd ul li.on{ border:1px solid #e2231a; }
.platTabs .bd{ float:right; width: 990px; margin-right: 15px; height: 185px; box-shadow: 0 20px 30px rgba(0,0,0,.50); }
.platTabs .bd div{
    text-align: center;
}

#IndSchemes{ position: relative; height: 410px; padding-top: 0;overflow: inherit;}
.schemesTitle{
    position: absolute;
    top: 30px;
    left: 550px;
    width: 390px;
}
.schemesBox{
    position: absolute;
    left:50%;
    margin-left: -595px;
    width: 1190px;
    height: 340px;
    margin-top: -45px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.10);
}
.schemesBox .i-title1 h2{
    position: relative;
    font-size: 20px;
    line-height: 32px;
    color: rgba(51,51,51,1);
    font-weight: 400;

}
.schemesBox .i-title1 p{
    font-size:14px;
    color:rgba(49,44,50,1);

    margin-bottom: 20px;
}
.schemesBox .i-title1 p::after{
    position: absolute;
    bottom:0;
    left:0;
    width:45px;
    height:4px;
    background:rgba(232,37,25,1);
    overflow: hidden;
    content: " ";
}
/* 本例子css */
.schemesBox .bd .img{ float: left; width: 486px; height: 340px; box-shadow: 25px 0 40px rgba(0,0,0,.15);overflow: hidden;}
.schemesBox .bd .img img{width: 486px; height: 340px; border-radius: 5px 0 0 5px;}

.schemesBox .bd .txt1 {
    margin:33px 42px 0 0;
    float: right;
}
.schemesBox .bd .txt2 {
    margin:110px 46px 0 0;
    float: right;
}
.schemesBox .bd .txt3 {
    margin:90px 74px 0 0;
    float: right;
}
.schemesBox .bd .txt3 p{
    float: left;
    margin:40px 60px 0 0;
    font-size: 12px;
    line-height: 18px;
}
.schemesBox .bd .txt4 {
    margin:70px 28px 0 0;
    float: right;
}
.schemesBox .bd .txt4 p{
    float: left;
    margin:60px 0 0 0;
    font-size: 12px;
    line-height: 18px;
}
.schemesBox .bd .txt5 {
    margin:55px 36px 0 0;
    float: right;
}
.schemesBox .bd .txt5 p{
    float: left;
    margin:80px 0 0 0;
    font-size: 12px;
    line-height: 18px;
}
.schemesBox .bd .txt6 {
    margin:50px 45px 0 0;
    float: right;
}

.schemesBox .bd .txt h5{ margin-bottom: 20px; font-size: 18px; color: #666}
.schemesBox .bd .txt p{ color: #666; line-height: 24px}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.schemesBox .arrow{  position:absolute; right:579px; bottom:25px; }
.schemesBox .arrow a{ display:block; float:left; width:24px; height:24px; border:1px solid #c1c1c1; margin-left:-1px; text-align: center; line-height: 22px;  overflow:hidden;cursor:pointer; }
.schemesBox .arrow .next{ }
.schemesBox .arrow .prevStop{opacity: .4;}
.schemesBox .arrow .nextStop{opacity: .4;}

/*供应链金融*/
.finance-ul{
    margin-top: 30px;
    margin-bottom: 50px;
    height: 256px;
}
.finance-ul li{
    position: relative;
    float: left;
    width: 390px;
    height: 256px;
    margin: 0 5px;
    transition:all .5s;
}
.finance-ul li img{
    position: absolute;
    left:0;
    top:0;
    width: 390px;
    height: 256px;
    vertical-align: top;
    overflow: hidden;
}
.finance-ul li h5{
    position: relative;
    padding-top: 88px;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #fffefe;
    z-index: 1;
}
.finance-ul li h5 i,.finance-ul li .mask i{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
    background: url("../images/financeicon.png") no-repeat;
}
.finance-ul li h5 i.i1,.finance-ul li .mask i.i1{
    background-position: 0 0;
}
.finance-ul li h5 i.i2,.finance-ul li .mask i.i2{
    background-position: 0 -50px;
}
.finance-ul li h5 i.i3,.finance-ul li .mask i.i3{
    background-position: 0 -100px;
}
.finance-ul li .mask{
    position: absolute;
    left:0;
    top:0;
    width: 390px;
    height: 256px;
    background: #E2231A;
    color: #FFF;
    padding: 35px 50px 30px 100px;
    z-index: 2;
    opacity: 0;
    transition:all .5s;
}
.finance-ul li:hover{
    margin-top: -20px;
    box-shadow: 0 20px 20px rgba(0,0,0,.10);
}
.finance-ul li:hover .mask{
    opacity: 1;
}
.finance-ul li .mask i{
    position: absolute;
    top:50px;
    left:25px;
}
.finance-ul li .mask .tit{
    height: 66px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
}
.finance-ul li .mask h6{
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 20px;
}
.finance-ul li .mask p{
    font-size: 12px;
    line-height: 12px;
}
.finance-ul li .mask .txt p{
    padding:7px 0;
}
.finance-ul li .mask .more{
    margin-top: 15px;
    font-size: 13px;
}
.m-finance-ul li .mask .more{
    position: absolute;
    right: 48px;
    bottom: 25px;
}
.finance-ul li .mask .more a{
    color: #FFF;
}
#purchase{
    position: relative;
    height: 405px;
    padding: 0;
    overflow: inherit;
}
.purBox{
    position: absolute;
    top:-40px;
    left:50%;
    margin-left: -600px;
    width: 1190px;
    height: 350px;
    padding: 55px 90px 45px 60px;
    background: #FFF;
    border-radius:35px;
    /* box-shadow: 0 20px 50px rgba(0,0,0,.10); */
    box-shadow:-5px 0 10px rgba(0,0,0,.05),
    5px 0 10px rgba(0,0,0,.05),
    0 -5px 10px rgba(0,0,0,.05),
    0 20px 20px rgba(0,0,0,.05);
}
.purLeft{
    position: relative;
    float: left;
    width: 500px;
    height: 260px;
}
.purRight{
    float: right;
    width: 500px;
    height: 260px;
    padding-left: 90px;
    border-left:1px solid #eee;
}
.purRight h5{
    font-size: 16px;
    line-height: 16px;
    padding: 15px 0;
}
.purRight p{
    padding: 15px 0;
    color: #666;
    line-height: 20px;
}


/* 本例子css */
.purLeft .hd{float: left; width: 70px; padding-top: 13px}
.purLeft .hd ul li{ font-size: 12px; text-align: left; color: #999; padding:5px 0; cursor:pointer;}
.purLeft .hd ul li.on{ color:#E2231A}
.purLeft .bd { float:right; width: 380px;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.purLeft .arrow{  position:absolute; right:0; bottom:0; }
.purLeft .arrow a{ display:block; float:left; width:24px; height:24px; border:1px solid #c1c1c1; margin-left:-1px; text-align: center; line-height: 22px;  overflow:hidden;cursor:pointer; }
.purLeft .arrow .prevStop{opacity: .4;}
.purLeft .arrow .nextStop{opacity: .4;}

/*首页右侧边线固定位置*/
.wrapper{
    position: relative;
    height: 100%;
}
.i-wrap-line{
    width: 6px;
    position:absolute;
    top:604px;
    bottom: 150px;
    right: 0;
    z-index: 999;
    background:rgba(30,29,32,1);
}

/*在线客服*/
.i-suspend{
    position: fixed;
    bottom: 20%;
    right: 0;
    z-index: 10000;
    height: 80px;
}
.i-suspend .suspend-code{
    position: relative;
    display: inline-block;
    text-align: center;
    height: 80px;
    box-sizing: border-box;
}
/*.i-suspend .seller{
    position: absolute;
    left:0;
    top:0;
}*/
.i-suspend .suspend-code:hover .seller{
    display: block;
}
.i-suspend dt,.i-suspend dd,.i-suspend .app{
    width: 50px;
    height: 80px;
    padding-top: 5px;
    background: #3f435a;
// display: inline-block;
    transition: all 0.5s;
    float: right;
    line-height: 0;
    font-size: 14px;
    color: #ffffff;
    box-sizing: border-box;
}

.i-suspend dt,.i-suspend dd{
    float:right;
}
.i-suspend dd{
    display: none;
}
.i-suspend dt a,.i-suspend dd a{
    display: inline-block;
    width: 100%;
    height: 70px;
}
.i-suspend dt span,.i-suspend dd span,.i-suspend .app span{
    color:#FFF;
    display: block;
    text-align: center;
    font-size:12px;
}

.i-suspend dt:hover,.i-suspend dd:hover,.i-suspend .app:hover{
    background:rgba(226,35,26,1);
}
.i-suspend dl:hover dd{
    display:block;
}
.i-suspend i{
    /*background: url(../images/icon-tel.png) no-repeat;*/
    width: 30px;
    height: 30px;
    display: block;
    margin: 6px auto 18px;
    background-size: cover !important;
}
.i-suspend i.i1{
    background: url("../images/2d3155b0452a45398ebee0cbeae6793a.gif") no-repeat 50%;
}
.i-suspend i.i2{
    background: url("../images/79522499e42147fbb645f896c2ededfa.gif") no-repeat 50%;
}
.i-suspend i.i3{
    background: url("../images/bff7cc6f7c4e4e058e0c8ba9ba3a2639.gif") no-repeat 50%;
}

.i-suspend .suspend-app{
    width: 32px;
    height:50px;
    position: absolute;
    right: 0;
    bottom:0;
}

/*冷链物流*/
/*banner*/
#banner-llwl {
    background: url("../images/banner-llwl.jpg") top center no-repeat;
}

/*定位/举措*/
.i-location {
    height: 340px;
    background: rgba(255, 255, 255, 1);
}

.i-location .wrap {
    width: 1157px;
    margin: 0 auto;
}

.i-location .i-title h2::after {
    background: rgba(193, 193, 193, 1);
}

.i-location .i-title {
    margin-top: 53px;
    width: 240px;
}

.i-location .i-title p.mt10 {
    margin-top: 10px;
}

.i-location .i-location-cont {
    float: right;
}

.i-location-ul {
    margin-top: 158px;
}

.i-location-ul li {
    float: left;
    width: 206px;
    height: 80px;
    border-left: 1px solid rgba(193, 193, 193, .5);
    text-align: center;
    transition: all .5s;
    cursor: default;
}

.i-location-ul li:hover {
    margin-top: -20px;
}

.i-location-ul li:first-child {
    border-left: 0;
}

.i-location-ul li i {
    width: 50px;
    height: 50px;
    background: url(../images/icon-cold.png) no-repeat;
    display: block;
    margin: 0 auto 18px;
}

.i-location-ul li.li1 i.i1 {
    background-position: 0 0;
}

.i-location-ul li.li2 i.i2 {
    background-position: 0 -60px;
}

.i-location-ul li.li3 i.i3 {
    background-position: 0 -120px;
}

.i-location-ul li.li4 i.i4 {
    background-position: 0 -180px;
}

.i-location-ul li.li1:hover i.i1 {
    background-position: -60px 0;
}

.i-location-ul li.li2:hover i.i2 {
    background-position: -60px -60px;
}

.i-location-ul li.li3:hover i.i3 {
    background-position: -60px -120px;
}

.i-location-ul li.li4:hover i.i4 {
    background-position: -60px -180px;
}

.i-location-ul li span {
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    line-height: 28px;
    text-align: center;
}

.i-location-ul li:hover span {
    color: rgba(51, 51, 51, 1);
}

/*仓网布局*/
.i-layout {
    height: 500px;
    background: rgba(30, 29, 32, 1);
}

.i-layout-content {
    background: url(../images/layoutbg.png) no-repeat top right;
    width: 1157px;
    height: 500px;
    margin: 0 auto;
}

.i-layout-content .i-title {
    margin-top: 73px;
    width: 240px;
}

.i-layout-content .i-title h2 {
    color: rgba(255, 255, 255, 1);
}

.i-layout-content .i-title h2::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 44px;
    height: 4px;
    background: rgba(193, 193, 193, 1);
    overflow: hidden;
    content: " ";
}

.i-layout-content .i-title p {
    color: rgba(255, 255, 255, 1);
}

.i-layout-content .stopData {
    font-size: 12px;
    color: rgba(153, 153, 153, 1);
    line-height: 28px;
    width: 160px;
    position: relative;
    height: 28px;
    float: left;
    padding-left: 18px;
    margin: 413px 0 0 139px;
}

.i-layout-content .stopData::before {
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 16px;
    line-height: 10px;
    color: #5d30df;
    content: "●";
}

/*冷库*/
.freezer {
    height: 400px;
}
.freezer-ul {
    height: 400px;
}

.freezer-ul li {
    position: relative;
    width: 25%;
    height: 400px;
    float: left;
    transition: all .5s;
}
.freezer-ul li.li1{
    background: url("../images/llwlpic1.jpg") top center no-repeat;
}
.freezer-ul li.li2{
    background: url("../images/llwlpic2.jpg") top center no-repeat;
}
.freezer-ul li.li3{
    background: url("../images/llwlpic3.jpg") top center no-repeat;
}
.freezer-ul li.li4{
    background: url("../images/llwlpic4.jpg") top center no-repeat;
}

.freezer-ul li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 480px;
    height: 400px;
    vertical-align: top;
    overflow: hidden;
}

.freezer-ul li h5 {
    position: relative;
    padding-top: 158px;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    color: #fffefe;
    z-index: 1;
}

.freezer-ul li h5 i {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
    background: url("../images/icon-llwl.png") no-repeat;
}

.freezer-ul li h5 i.i1 {
    background-position: 0 0;
}

.freezer-ul li h5 i.i2 {
    background-position: 0 -60px;
}

.freezer-ul li h5 i.i3 {
    background-position: 0 -120px;
}

.freezer-ul li h5 i.i4 {
    background-position: 0 -180px;
}

.freezer-ul li .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 400px;
    background: #e2231a;
    color: #FFF;
    z-index: 2;
    opacity: 0;
    transition: all .5s;
}

.freezer-ul li:hover {
    box-shadow: 0 20px 20px rgba(0, 0, 0, .10);
}

.freezer-ul li:hover .mask {
    opacity: 1;
}

.freezer-ul li .mask h6 {
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
    margin-top: 170px;
    text-align: center;
}

.freezer-ul li .mask p {
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
    margin: 10px 30px 0;
    text-align: center;
}

.freezer-ul li .mask p.tal {
    text-align: left;
}

/*冷链*/
.coldChain {
    padding-top: 70px;
    height: 800px;
    position: relative;
    overflow: inherit;
}

.coldChain .i-title {
    float: none;
}

.coldChain .i-title h2::after {
    background: rgba(193, 193, 193, 1);
}

.coldChain .depotTabs .hd ul {
    padding: 40px 38px 40px 0;
}

.coldChain .depotTabs .hd ul li {
    width: auto;
}

.coldChain .depotTabs {
    height: auto;
}

.r-cont {
    float: right;
    width: 1042px;
}

.r-cont .c-tabCont {
    position: absolute;
    width: 990px;
    height: 660px;
    margin-top: -45px;
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, .17);
}

/*头部菜单阴影*/
.l-topBarS {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
}

/*新闻内容*/
.s-news-wrap, .l-news-wrap {
    width: 1210px;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    margin: 0 auto;
    background: #FFF;
    min-height: 400px;
    padding-bottom: 50px;
}

.s-news-title h2 {
    padding-top: 50px;
    width: 990px;
    font-size: 32px;
    color: rgba(51, 51, 51, 1);
    text-align: center;
    margin: 0 auto;
    min-height:80px;
}

.s-news-title span {
    width: 990px;
    font-size: 14px;
    color: rgba(153, 153, 153, 1);
    padding-top: 15px;
    display: block;
    text-align: center;
    border-bottom: 1px dashed #cacaca;
    margin: 0 auto 35px;
    height: 65px;
}
.s-news-cont{
    width: 990px;
    margin: 0 auto;
    font-size: 14px;
    color: rgba(102, 102, 102, 1);
    line-height: 22px;
    overflow: hidden;
}
.s-news-cont p {
    margin-bottom: 20px;
}
.s-new-yisi p{
    margin-bottom: 0;
}

/*单行溢出省略号*/
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*新闻列表*/
.l-news-wrap {
    padding: 42px 0 50px;
}

.l-news-wrap .wrap {
    width: 1010px;
    margin: 0 auto;
}

.l-news-wrap h2 {
    padding-bottom: 16px;
    border-bottom: 1px dashed #cacaca;
    margin-top: 18px;
}

.l-news-wrap h2 b {
    font-size: 24px;
    color:#333;
    line-height: 36px;
    position: relative;
    font-weight: normal;
    padding-top: 15px;
}

.l-news-wrap h2 b::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 98px;
    height: 7px;
    background: rgba(232, 37, 25, 1);
    overflow: hidden;
    content: " ";
}

.l-news-wrap h2 span {
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
    line-height: 36px;
    float: right;
    display: inline-block;
    margin-bottom: 20px;
}

.l-news-wrap ul a {
    display: block;
    padding: 25px 0;
    border-bottom: 1px dashed #cacaca;
}

.l-news-wrap ul a span {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    /* float: left; */
    width: 930px;
    line-height: 30px;
}

.l-news-wrap ul a:hover span {
    color: rgba(226, 35, 26, 1);
}

.l-news-wrap ul a em {
    font-style: normal;
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
    line-height: 30px;
    float: right;
}

.l-news-wrap ul b {
    color: rgba(226, 35, 26, 1);
    font-weight: normal;
    margin-right: 5px;
}

/*翻页*/
.page {
    padding: 90px 0 45px;
    /*height: 40px;*/
    text-align: center;
}

.page .p-wrap {
    /*float: right*/
}

.page .p-num {
    width: 526px;
    margin: 0 auto;
    display: block;
}

.page .p-num a, .page .p-num b {
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0 14px;
    margin-right: 5px;
    font-size: 13px
}

.page .p-num a {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    background-repeat: repeat-x;
    background-image: linear-gradient(top, #f7f7f7, #f2f2f2);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f2f2f2', GradientType=0)*/
}

.page .p-num a:hover {
    background: #fc422c;
    text-decoration: none;
    box-shadow: 0 1px 1px rgba(0, 1, 1, .08);
    color: #FFF;
    border: 1px solid #fc422c;
}

.page .p-num a.curr {
    border: 0 none;
    padding: 1px 15px;
    -webkit-filter: none;
    filter: none;
    cursor: default;
    color: #FFF;
    background: #e4393c;
}

.page .p-num a.curr:hover {
    box-shadow: none
}

.page .p-num .pn-break {
    color: #ccc
}

.page .p-num .pn-break:hover {
    box-shadow: none
}

.page .p-num .pn-next em, .page .p-num .pn-prev em {
    vertical-align: baseline;
    vertical-align: baseline \0;
    font-style: normal;
}

.page .p-num .pn-next i, .page .p-num .pn-prev i {
    vertical-align: middle;
    font-style: normal;
    font-size: 16px;
    padding: 0 5px;
    color: #aaa
}

.page .p-num .pn-prev i {
    padding-left: 0
}

.page .p-num .pn-next i {
    padding-right: 0
}

.page .p-num .pn-next.disabled, .page .p-num .pn-prev.disabled {
    background: 0 0;
    background: #fff;
    cursor: default;
    border: 1px solid #ddd;
    height: 36px;
    line-height: 36px;
}

.page .p-num .pn-next.disabled em, .page .p-num .pn-next.disabled i, .page .p-num .pn-prev.disabled em, .page .p-num .pn-prev.disabled i {
    color: #ccc
}

/*新闻动态-滚动图片*/
.d-news-wrap {
    padding-top: 25px;
    width: 1190px;
    margin: 0 auto 30px;
    padding-bottom: 50px;
    height: 345px;
}

.fullSlide {
    width: 890px;
    position: relative;
    height: 320px;
    background: #000;
    float: left;
    overflow: hidden;
}

.fullSlide .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.fullSlide .bd ul {
    width: 100% !important;
}

.fullSlide .bd li {
    width: 100% !important;
    height: 320px;
    overflow: hidden;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000;
}

.fullSlide .bd li a {
    display: block;
    height: 320px;
}

.fullSlide .bd h4 {
    width: 100%;
    height: 54px;
    background: rgba(0, 0, 0, 0.7);
    line-height: 54px;
    text-align: center;
    font-size: 18px;
    position: absolute;
    bottom: 0;
    color: #FFF;
}

.fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    height: 4px;
    line-height: 4px;
}

.fullSlide .hd ul {
    text-align: center;
    width: 100%;
    height: 4px;
}

.fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 25%;
    height: 4px;
    /*overflow: hidden;*/
    filter: alpha(opacity=0);
    opacity: 0;
    line-height: 999px;
    background-color: #000;

}

.fullSlide .hd ul .on {
    background: #f00;
    filter: alpha(opacity=1);
    opacity: 1;
}

.fullSlide .prev, .fullSlide .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -25px;
    left: 20px;
    width: 50px;
    height: 50px;
    background: url(../images/slider-arrow.png) -124px 10px #000 no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    border-radius: 50px;
}

.fullSlide .next {
    left: auto;
    right: 20px;
    background-position: -2px 10px;
}
/*新闻动态背景色*/
.bgc{
    background: #f8f8f8;
}
/*新闻动态列表*/
.d-news-box{
    width:290px;
    height:320px;
    background:rgba(255,255,255,1);
    border:1px solid #ebebeb;
    float: right;
}
.d-news-box h3{
    padding: 19px 20px 10px;
    height: 50px;
    line-height: 36px;
    position: relative;
    margin-bottom: 7px;
}
/* .d-news-box h3::before{
    position: absolute;
    bottom: 0;
    left: 20px;
    width:250px;
    height:2px;
    background:rgba(238,238,238,1);
    overflow: hidden;
    content: " ";
}
.d-news-box h3::after{
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 62px;
    height: 2px;
    background: rgba(232,37,25,1);
    overflow: hidden;
    content: " ";
} */
.d-news-box h3 a{
    float: right;
    width:34px;
    font-size:12px;
    color:rgba(153,153,153,1);
    line-height:36px;
}
.d-news-box ul{
    padding: 0 20px;

}
.d-news-box li{
    height: 42px;
    border-bottom: 1px solid #eeeeee;
}
.d-news-box li a{
    height: 42px;
    line-height: 42px;
    color: #333333;
    font-size:12px;
    color:rgba(51,51,51,1);
}
.d-news-box li:last-child{
    border-bottom: 0 none;
}
.d-news-box li p{
    float: left;
    width: 200px;
    font-size:12px;
    color:rgba(51,51,51,1);
    height: 40px;
    line-height: 40px;
}
.d-news-box li em{
    font-style: normal;
    color:rgba(226,35,26,1);
}
.d-news-box li span{
    float: right;
    color:rgba(226,35,26,1);
}
.d-news-box li a:hover p,.d-news-box li a:hover em{
    color:rgba(226,35,26,1);
}
.d-news-box li i{
    background: url(../images/icon-news.png) no-repeat center center;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 10px;
    line-height: 30px;
}
/*视频*/
.s-video-wrap{
    min-height: 340px;
    width: 1190px;
    margin:0 auto 30px;
}
.s-video-wrap h2{
    font-size: 26px;
    color: rgba(51,51,51,1);
    line-height: 36px;
    position: relative;
    padding: 0 0 3px;
}
.s-video-wrap h2::after{
    position: absolute;
    top: -3px;
    left: 0;
    width:53px;
    height:6px;
    background:rgba(232,37,25,1);
    overflow: hidden;
    content: " ";
}
.s-video-wrap ul{
    padding-top: 8px;
}
.s-video-wrap ul li{
    float: left;
    margin:0 10px 20px 0;
    width: 390px;
    height: 264px;
    position: relative;
}
.s-video-wrap ul li:nth-child(3n){
    margin-right:0;
}
.s-video-wrap ul li:hover{
    background:rgba(255,255,255,1);
    box-shadow: 0 2px 5px #ebebeb;
}
.s-video-wrap ul img{
    width: 390px;
    height:209px;
    position: absolute;
    left: 0;
    top:0;
}
.s-video-wrap ul li .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 390px;
    height: 209px;
    background: #000;
    z-index: 2;
    text-align: center;
    opacity: 0;
    transition: all .5s;
}
.s-video-wrap ul li .mask i{
    display: inline-block;
    margin: 85px auto 0;
    width:21px;
    height:24px;
    background: url("../images/i.png") no-repeat 0 -120px;
}
.s-video-wrap ul li:hover .mask{
    opacity: .8;
}
.s-video-wrap h4{
    height: 55px;
    line-height: 55px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #333;
}
/* .s-video-wrap ul li video{

} */

/* 供应链服务-大件物流 */
#banner-djwl{
    position: relative;
    background: url("../images/banner-djwl.jpg") top center no-repeat;
}
.djBar{
    position: absolute;
    bottom:-75px;
    left:50%;
    margin-left: -600px;
    width: 1200px;
    height: 150px;
    background: #FFF;
    border-radius: 75px;
    box-shadow: 0 35px 50px rgba(0,0,0,.03);
    z-index: 10;
}
.djBar ul{
    margin-top: 30px;
    text-align: center;
}
.djBar ul li{
    display: inline-block;
    width: 230px;
    text-align: center;
    border-right:1px solid #eee;
}
.djBar ul li i{
    display: inline-block;
    width: 110px;
    height: 65px;
    background: url("../images/djwlicon.png") no-repeat;
}
.djBar ul li p{
    margin-bottom: 0;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
}
.djBar ul li i.i1{
    background-position: 0 0;
}
.djBar ul li i.i2{
    background-position: 0 -65px;
}
.djBar ul li i.i3{
    background-position: 0 -130px;
}
.djBar ul li i.i4{
    background-position: 0 -195px;
}
.djBar ul li:last-child{
    border-right:0;
}
.i-ability{
    position: relative;
    padding-top: 140px;
    padding-bottom: 60px;
    background:#fff;
    overflow: hidden;
}
.i-ability-cont{
    float: right;
    width: 890px;
    height: 220px;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}
#djwl-1{
    background: #0f091e;
}
#djwl-1 .i-title p{
    color: #FFF;
    /* font-size: 18px; */
}
.ul-djwl{
    float: right;
    width: 980px;
}
.ul-djwl li{
    float: left;
    width: 109px;
    margin: 0 25px;
    text-align: center;
    /*cursor: pointer;*/
}
.ul-djwl li p{
    color: #fff;
}
.ul-djwl li:hover p{
    color: #e23b1a;
}
.ul-djwl li div{
    height: 130px;
    margin-bottom: 20px;
    padding-top: 20px;
    transition: all .5s;
}
.ul-djwl li:hover div{
    padding-top: 0;
}
.ul-djwl li div i{
    display: block;
    width: 109px;
    height: 109px;
}
.ul-djwl li div i.i1{
    background: url("../images/i1_3.png") no-repeat;
}
.ul-djwl li:hover div i.i1{
    background: url("../images/i1-hover_2.png") no-repeat;
}
.ul-djwl li div i.i2{
    background: url("../images/i2_3.png") no-repeat;
}
.ul-djwl li:hover div i.i2{
    background: url("../images/i2-hover_2.png") no-repeat;
}
.ul-djwl li div i.i3{
    background: url("../images/i3_3.png") no-repeat;
}
.ul-djwl li:hover div i.i3{
    background: url("../images/i3-hover_2.png") no-repeat;
}
.ul-djwl li div i.i4{
    background: url("../images/i4_2.png") no-repeat;
}
.ul-djwl li:hover div i.i4{
    background: url("../images/i4-hover_2.png") no-repeat;
}
.ul-djwl li div i.i5{
    background: url("../images/i5_1.png") no-repeat;
}
.ul-djwl li:hover div i.i5{
    background: url("../images/i5-hover_1.png") no-repeat;
}
.ul-djwl li div i.i6{
    background: url("../images/i6.png") no-repeat;
}
.ul-djwl li:hover div i.i6{
    background: url("../images/i6-hover.png") no-repeat;
}

/* 本例子css */
.djTabs{ width:890px; height:220px; position:relative;border-radius: 5px; }
.djTabs .hd{ position:absolute; left:0; bottom:-12px; width: 100%; height:24px; z-index:1; }
.djTabs .hd ul{ zoom:1; float:left;  }
.djTabs .hd ul li{ float:left; margin: 0 135px; width: 24px; height:24px; line-height:24px; text-align:center;  border-radius: 50%; background: #c1c1c1; color: #FFF; box-shadow: 0 10px 10px rgba(0,0,0,.15); cursor:pointer; }
.djTabs .hd ul li.on{ background:#f00; box-shadow: 0 10px 10px rgba(255,0,0,.15); color:#fff; }
.djTabs .bd{ position:relative; height:100%; z-index:0;  border-radius: 5px; }
.djTabs .bd li{ zoom:1; vertical-align:middle;border-radius: 5px; }
.djTabs .bd img{ width:890px; height:220px; display:block;  border-radius: 5px;}

.ccServer{
    float: right;
    height: 270px;
    margin-bottom: 50px;
}
.ccServer li{
    float: left;
    position: relative;
    width: 290px;
    height: 270px;
    margin-left: 10px;
    padding: 50px 45px 0 100px;
    background: #FFF;
    box-shadow: 0 0 15px rgba(0,0,0,.10);
}
.ccServer li i{
    position: absolute;
    display: inline-block;
    top:50px;
    left:45px;
    width: 32px;
    height: 32px;
    background: url("../images/djwlicon2.png") no-repeat;
}
.ccServer li i.i1{
    background-position: 0 0;
}
.ccServer li i.i2{
    background-position: 0 -32px;
}
.ccServer li i.i3{
    background-position: 0 -64px;
}

.ccServer li h4{
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 10px;
    color: #e2231a;
    border-bottom: 1px solid #c1c1c1;
}
.ccServer li p{
    font-size: 14px;
    line-height: 24px;
    color: #666;
}
.titleBar{
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    background: #E2231A;
    color: #FFF;
}
.accordion-ul{
    float: right;
    width: 890px;
    height: 277px;
}
.accordion-ul li{
    position: relative;
    float: left;
    width: 290px;
    height: 277px;
    margin-right: 10px;
    transition: all .5s;
}
.accordion-ul li:last-child{
    margin-right: 0;
}
.accordion-ul li.cur{
    width: 590px;
}
.accordion-ul li .default{
    position: relative;
    width: 290px;
    height: 277px;
}
.accordion-ul li.cur .default{
    display: none;
}
.accordion-ul li .default h5{
    position: relative;
    padding-top: 130px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    z-index: 2;
}
.accordion-ul li .default img{
    position: absolute;
    top:0;
    left:0;
    width: 290px;
    height: 277px;
    z-index: 1;
}
.accordion-ul li .active{
    display: none;
    position: absolute;
    top:0;
    left:0;
    width: 590px;
    height: 277px;
}
.accordion-ul li .active img{
    float: left;
    width: 390px;
    height: 277px;
}
.accordion-ul li .active dl{
    margin-left: 390px;
    padding-top: 65px;
    height: 277px;
    background: #E2231A;
    color: #FFF;
    text-align: center;
}
.accordion-ul li .active dl i{
    display: block;
    margin: 0 auto 20px;
    width: 32px;
    height: 32px;
    background: url("../images/djwlicon2.png") no-repeat;
}
.accordion-ul li.cur .active{
    display: block;
}
.accordion-ul li .active dl i.i1{
    background-position: 0 -96px;
}
.accordion-ul li .active dt{
    font-size: 16px;
    margin-bottom: 15px;
}
.accordion-ul li .active dd{
    line-height: 24px;
}
.delivery-cont{
    float: right;
    width: 890px;
}
.del-process{
    text-align: center;
    margin-bottom: 30px;
}
.del-ul li{
    float: left;
    position: relative;
    margin-right: 10px;
    width: 290px;
    height: 100px;
    padding: 25px 0 25px 130px;
    background: #FFF;
    line-height: 24px;
    font-size: 16px;
    border-radius: 5px;
    color: #666;
    box-shadow: 0 0 40px rgba(0,0,0,.10);
}
.del-ul li:last-child{
    margin-right: 0;
}
.del-ul li i{
    position: absolute;
    width: 53px;
    height: 50px;
    left: 25px;
    top:25px;
    background: url("../images/djwlicon3.png") no-repeat;
}
.del-ul li i.i1{
    background-position: 0 0;
}
.del-ul li i.i2{
    background-position: 0 -50px;
}
.del-ul li i.i3{
    background-position: 0 -100px;
}
.receipts-ul{
    float: right;
    margin: 25px 0;
}
.receipts-ul li{
    float: left;
    width: 200px;
    border-right:1px solid #666;
    text-align: center;
    color: #c1c1c1;
}
.receipts-ul li:last-child{
    border-right:0;
}
.receipts-ul li i{
    display: block;
    margin: 0 auto 20px;
    width: 30px;
    height: 30px;
    background: url("../images/djwlicon4.png") no-repeat;
}
.receipts-ul li i.i1{
    background-position: 0 0;
}
.receipts-ul li i.i2{
    background-position: 0 -30px;
}
.receipts-ul li i.i3{
    background-position: 0 -60px;
}
.receipts-ul li i.i4{
    background-position: 0 -90px;
}
.install-ul{
    margin-bottom: 40px;
    overflow: hidden;
}
.install-ul li{
    float: left;
    position: relative;
    margin: 0 5px;
    width: 290px;
    height: 182px;
    padding: 30px 0 0 80px;
    background: #FFF;
    line-height: 24px;
    font-size: 14px;
    border: 1px solid #E4E4E4;
    color: #666;
}
.install-ul li:last-child{
    margin-right: 0;
}
.install-ul li i{
    position: absolute;
    width: 36px;
    height: 36px;
    left: 25px;
    top: 25px;
    background: url("../images/djwlicon4.png") no-repeat;
}
.install-ul li i.i1{
    background-position: -50px 0;
}
.install-ul li i.i2{
    background-position: -50px -36px;
}
.install-ul li i.i3{
    background-position: -50px -72px;
}
.install-ul li i.i4{
    background-position: -50px -108px;
}
.install-ul li h5{
    font-size: 16px;
    margin-bottom: 10px;
}
.scServer-ul{
    overflow: hidden;
}
.scServer-ul li{
    float: left;
    position: relative;
    margin: 0 5px;
    width: 392px;
    height: 453px;
    background: #FFF;
    line-height: 24px;
    font-size: 14px;
    border: 1px solid #E4E4E4;
    color: #666;
    text-align: center;
}
.scServer-ul li img{
    margin-bottom: 60px;
}
.scServer-ul li p{
    color: #999;
}
.scServer-ul li h4{
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 10px;
}
.scServer-ul li h4::after{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -14px;
    width:27px;
    height:2px;
    background:rgba(226,35,26,1);
    overflow: hidden;
    content: " ";
}
.scServer-ul li .mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background: #df2018;
    opacity:0;
    transition: all .5s;
}
.scServer-ul li:hover .mask{
    opacity:1;
}
.scServer-ul li .mask img{
    margin-bottom: 0;
}
.cpServer{
    margin: 30px auto 50px;
    text-align: center;
}
.nxServer{
    margin: 10px auto 10px;
    text-align: center;
}
.i-jdbServer{
    height: 383px;
    background: url("../images/jdbbg.jpg") top center no-repeat;
}
.i-jdbServer .i-section3{
    background: transparent;
}
.jdbServer-ul{
    float: right;
    width: 800px;
    margin-top: 100px;
}
.jdbServer-ul li{
    float: left;
    width: 200px;
    text-align: center;
    color: #FFF;
}
.jdbServer-ul li i{
    display: block;
    margin: 0 auto 15px;
    width: 50px;
    height: 50px;
    background: url("../images/djwlicon4.png") no-repeat;
}
.jdbServer-ul li i.i1{
    background-position: -100px 0;
}
.jdbServer-ul li i.i2{
    background-position: -100px -50px;
}
.jdbServer-ul li i.i3{
    background-position: -100px -100px;
}
.jdbServer-ul li i.i4{
    background-position: -100px -150px;
}

.order-box1{
    height: 450px;

}
/*共建生态*/
#banner-gjst{
    padding-top: 70px;
    height: 200px;
    background: url("../images/banner-gjst.jpg") top center no-repeat;
}
#banner-gjst h2{
    font-size: 32px;
}
.wrap2{
    position: relative;
    margin: -20px auto 0;
    width: 1180px;
    min-height: 650px;
    padding-top: 50px;
    background: #FFF;
    border: 1px solid #ebebeb;
    border-top:0;
    border-bottom:0;
}
.leftSider{
    float: left;
    width: 140px;
    margin-left: -10px;
}
.mainCont{
    margin: 0 100px 0 160px;
    min-height: 650px;
    padding-left: 30px;
    border-left:1px solid #eee;
    padding-top: 12px;
    /*overflow: hidden;*/
}
.mainCont:after{
    display: table;
    content: " ";
    clear: both;
}
.leftMenu li{
    margin-bottom: 20px;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.leftMenu li a{
    display: block;
    position: relative;
    padding-left: 50px;
    height: 32px;
    line-height: 32px;
    background: #FFF;
    color: #333;
}
.leftMenu li a:hover{
    color: #333;
}
.leftMenu li i{
    display: inline-block;
    position: absolute;
    top:7px;
    left:15px;
    width:20px;
    height: 20px;
    background: url("../images/gjsticon.png") no-repeat;
}
.leftMenu li i.i1{
    background-position: 0 0;
}
.leftMenu li i.i2{
    background-position: 0 -20px;
}
.leftMenu li i.i3{
    background-position: 0 -40px;
}
.leftMenu li i.i4{
    background-position: 0 -60px;
}
.leftMenu li.cur i.i1{
    background-position: -20px 0;
}
.leftMenu li.cur i.i2{
    background-position: -20px -20px;
}
.leftMenu li.cur i.i3{
    background-position: -20px -40px;
}
.leftMenu li.cur i.i4{
    background-position: -20px -60px;
}
.leftMenu li.cur a{
    background: #E2231A;
    color: #FFF;
}
.infoTxt{
    float: right;
    font-size: 12px;
    color: #666;
}
.hz-dl{
    margin-bottom: 30px;

}
.hz-dl dt{
    margin-bottom: 10px;
    font-size: 18px;
    color: #E2231A;
    line-height: 20px;
}
.hz-dl dd{
    line-height: 28px;
    color: #666;
}
.title4{
    position: relative;
    padding-bottom: 15px;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 40px;
}
.title4::after{
    position: absolute;
    top:-10px;
    left:0;
    width: 106px;
    height: 6px;
    background: #E2231A;
    content: " ";
    overflow: hidden;
}
.mainCont .imgDiv{
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
}
.mainCont .imgDiv img{
    max-width: 590px;
}

/*search*/
.searchColumn{
    min-height: 1000px;
    padding-top: 110px;
    background: url("../images/searchbg2.jpg") top center no-repeat #070707;
}
.searchDiv{
    position: relative;
    width: 1190px;
    margin: 0 auto;
}
.searchDiv2{
    width: 990px;
}
.searchDiv .en{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    text-align: center;
    font-family: '';
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    color:rgba(255,255,255,.1);
}
.title5{
    position: relative;
    margin-bottom: 45px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #FFF;
    text-align: center;
    font-size: 36px;
    line-height: 38px;
}
/* .title5::after{
    position: absolute;
    top:-10px;
    left:50%;
    margin-left: -50px;
    width: 100px;
    height: 6px;
    background: #E2231A;
    content: " ";
    overflow: hidden;
} */
.searchItem{
    height: 55px;
}
.searchItem li{
    float: left;
    width: 170px;
    height: 55px;
    background: #FFF;
    padding: 5px 0 5px 10px;
    margin-right:10px;
    border:1px solid #bebebe;
}
.searchItem li.addr{
    width:310px;
}
.searchItem li:last-child{
    margin-right: 0;
    border:0;
    padding:0;
    background: transparent;
}
.searchItem li label{
    display: block;
    margin-bottom: 8px;
    padding-left: 3px;
    font-size: 12px;
    line-height: 14px;
}
.btn-search2{
    display: inline-block;
    width: 190px;
    height: 55px;
    background: #e2231a;
    color: #FFF;
    line-height: 55px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}
.btn-search2:hover{
    color: #fff;
}
.btn-search2 i{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url("../images/i.png") -130px 0 no-repeat;
    vertical-align: middle;
}
.iptDiv{
    position: relative;
    width: 100%;
}
.iptDiv input{
    width: 100%;
    font-size: 14px;
    color:#666;
}
.iptDiv em,.iptDiv i{
    position: absolute;
    top:0;
    right:10px;
    font-size: 14px;
    color:#666;
    font-style: normal;
}
.iptDiv i{
    top:5px;
    width: 8px;
    height: 7px;
    background: url("../images/drop-arrow.png") no-repeat;
}
.resultBox{
    display: none;
    margin-top: 20px;
    border-top:4px solid #E2231A;
    padding: 10px 200px 30px;
    background: #FFF;
}
.resultBox th{
    text-align: center;
}
.explain{
    font-size: 12px;
    color: #666;
    text-align: right;
}
.table1{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;
}
.table1 th{
    font-weight:400;
}
.table1 th,.table1 td{
    border-bottom:1px solid #c1c1c1;
    padding: 25px 10px;
}
.table1 td{
    border-bottom:1px solid #eee;
}
.searchColumn2{
    height: auto;
    min-height: 784px;
    background: url("../images/searchbg2.jpg") top center no-repeat #070707;
}
.resultBox2{
    position: relative;
    border-top:2px solid #E2231A;
    background: #FFF;
    /*height:30px;*/
    margin-bottom: 10px;
    overflow: hidden;
}
.switch{
    position: absolute;
    display: inline-block;
    top: 7px;
    right: 45px;
    width: 20px;
    height: 15px;
    background: url("../images/i.png") -150px 0 no-repeat;
    cursor: pointer;
    z-index: 10;
}
.resultBox2.active .switch{
    background-position: -170px 0;
}
.resultBox2.active{ /*height:auto;*/ overflow: hidden}
.showBar{
    position: absolute;
    display: none;
    top:0;
    left:0;
    width: 100%;
    height: 28px;
    font-size: 12px;
    color: #666;
    line-height: 28px;
    text-align: center;
    z-index: 9;
}
.resultBox2.active .showBar{ display: none;}
.result h5{
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #666;
}
.result h5 span{
    color:#E2231A;
    padding: 0 20px;
}
.resultCont .r-promise{
    text-align: center;
    color: #999;
    font-size: 14px;
    padding-top: 10px;
}
.resultCont .r-head{
    margin-bottom: 24px;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    color:#333;
    overflow: hidden;
}
.resultCont .r-head span{
    display: inline-block;
    float: left;

}
.resultCont .r-head span:first-child{
    width: 130px;
    text-align: center;
}
.resultCont .r-head span:last-child{
    margin-left: 210px;
    text-align: left;
}
.resultContent{
    display: none;
    padding: 20px 0 80px;
}
.resultCont .r-body{
    position: relative;
    height: 430px;
    margin-right: -90px;
    overflow: hidden;
}
.r-body ul{
    position: relative;
    height: 430px;
    overflow: hidden;
}
.r-body li{
    padding-right: 90px;
    overflow: hidden;
}
.r-body li .time{
    float: left;
    display: inline-block;
    /*运单查询页面优化改版*/
    /*width: 130px;*/
    width: 80px;
    text-align: center;
    font-size: 12px;
    /*line-height: 22px;*/
    color: #999;
}
.r-body li .cont{
    position: relative;
    /*margin-left:210px;*/
    margin-left: 115px;
    padding-bottom: 20px;
    min-height: 45px;
    border-left:2px solid #e1e1e1;
    padding-left: 50px;
    color: #666;
}
/*运单查询页面优化改版*/
.b-new-search-time{
    display: block;
    width: 70px;
    float: left;
    font-size: 12px;
    color: #999;
}
.b-new-search-info{
    width: 550px;
    float: left;
    line-height: 20px;
    margin-bottom: 12px;
}
.cont .b-new-search-wrapper:last-child p{
    margin-bottom: 32px;
}
.b-new-search-list li:last-child .b-new-search-wrapper:last-child p{
    margin-bottom: 0;
}
.b-new-search-list li:last-child .cont{
    padding-bottom: 0;
}

.r-body li .cont i{
    position: absolute;
    display: inline-block;
    top:0;
    left:-9px;
    width: 16px;
    height:16px;
    background: url("../images/i.png") -110px -50px no-repeat;
}
.r-body li:first-child .cont i{
    background-position: -110px -30px;
}
.pd{
    padding: 30px 100px 30px;
}
.iptDiv2{
    float: left;
    position: relative;
    width: 800px;
    min-height: 48px;
    padding-right: 35px;
    background: #FFF;
    border: 1px solid #C1C1C1;
    border-right: 0;
}
.iptDiv2 .i-reset{
    position: absolute;
    display: none;
    top:15px;
    right:10px;
    width: 16px;
    height: 16px;
    background: url("../images/i.png") -130px -30px no-repeat;
    cursor: pointer;
    z-index: 10;
}
.iptDiv2 label{
    position: absolute;
    top:0;
    left:0;
    padding: 15px;
    color: #ccc;
    font-size: 14px;
}
.btn-search3{
    float: left;
    width: 190px;
    height: 50px;
    background: #e2231a;
    color: #FFF;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}
.btn-search3:hover{
    color: #fff;
}
/*tag*/
.tagsinput { position: relative; padding:10px 8px 0 5px; min-height:48px !important; overflow-y: auto; z-index: 9}
.tagsinput span.tag { position: relative; border-radius:6px; display: block; float: left; padding: 5px 8px; text-decoration:none; background: #EEE; color: #666; margin: 0 6px 5px; margin-bottom:8px;font-family: helvetica;  font-size:14px;}
.tagsinput span.tag a {display: inline-block; position: absolute; top:-6px; right:-5px; width: 18px; height:18px; background:url("../images/btn_close.png");background-size: cover;}
.tagsinput input { width:100px; height: 26px; margin:0px; font-family: helvetica; font-size: 14px; border:0; padding:8px; background: transparent; color: #666; outline:0px;  margin-right:5px; margin-bottom:5px; }
.tagsinput div { display:block; float: left;}
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid { background: #FBD8DB !important; color: #90111A !important;}
/*index form*/
.index-form1,.index-form2{float: left;  }
.index-form2{ margin-top: 24px;float: right;}
/* 跨境物流 */
.kjwl-ul1,.kjwl-ul2{
    float: right;
    overflow: hidden;
}
.kjwl-ul1 li,.kjwl-ul2 li{
    float: left;
    width: 290px;
    padding: 0 30px;
    text-align: center;
}
.kjwl-ul1 li h5{
    margin-bottom: 25px;
    font-size: 16px;
    color: #333;
    line-height: 18px;
}
.kjwl-ul1 li p{
    color: #666;
}
.kjwl-ul1 li i{
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 20px;
    background: url("../images/kjwlicon.png") no-repeat;
}
.kjwl-ul1 li i.i1{
    background-position: 0 0;
}
.kjwl-ul1 li i.i2{
    background-position: 0 -50px;
}
.kjwl-ul1 li i.i3{
    background-position: 0 -100px;
}
.kjwlPic1{
    float: right;
    margin-right: 50px;
}
.bsbh-div,.bsbh-div2{
    margin: -40px auto 0;
    text-align: center;
}
.bsbh-div2{
    height: 260px;
}

.bsbh-div ul{
    margin: 20px 0 20px;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.bsbh-div ul li{
    /*float: left;*/
    display: none;
    margin: 0 20px;
    color: #e2231a;
}

.bsbh-div dl{
    display: inline-block;
    margin: 0 50px;
    width: 170px;
    text-align: center;
    vertical-align: top;
}
.bsbh-div dt{
    font-size: 60px;
    font-weight: 700;
    line-height: 55px;
    color: #e2231a;
    margin-bottom: 20px;
}
.bsbh-div dd{
    margin-bottom: 30px;
    color: #fff;
    font-size: 16px;
}
.bsbh-div dd span{
    display: block;
    padding-top: 5px;
    font-size: 12px;
    line-height: 18px;
}
.bsbh-div3{
    position: relative;
    width: 900px;
    height: 260px;
    margin: 0 auto;
}
.bsbh-div3 img{
    float: right;
}
.bsbh-div3 dl{
    position: absolute;
    top:60px;
    left:0;
    width: 265px;
    padding: 20px 0 20px;
    border-right:1px solid rgba(255,255,255,.1);
}
.bsbh-div3 dd{
    color: #fff;
    font-size: 16px;
}
.bsbh-div3 dd span{
    display: block;
    padding-top: 10px;
    font-size: 12px;
    line-height: 22px;
}
.kjwl-ul2{
    margin: 20px 0 40px;
}
.kjwl-ul2 li i{
    display: block;
    margin: 0 auto 20px;
    width: 66px;
    height: 66px;
    background: url("../images/kjwlicon.png") no-repeat;
}
.kjwl-ul2 li i.i1{
    background-position: -130px 0;
}
.kjwl-ul2 li i.i2{
    background-position: -130px -66px;
}
.kjwl-ul2 li i.i3{
    background-position: -130px -132px;
}
.kjwl-ul2 li h5{
    margin-bottom: 20px;
    font-size: 18px;
    color: #e2231a;
    line-height: 18px;
}
.kjwl-ul2 li p{
    color: #666;
}
.bsbh-div4{
    margin: -30px 0;

}
.bsbh-div4 img{
    float: right;
}
.kjwl-ul3{
    margin: 0 auto 20px;
    text-align: right;
    overflow: hidden;
}
.kjwl-ul3 li{
    display: inline-block;
    margin-right: 170px;
    text-align: center;
    font-size: 16px;
}
.kjwl-ul3 li:last-child{
    margin-right: 0;
}
.kjwl-ul3 li i{
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 10px;
    background: url("../images/kjwlicon.png") no-repeat;
}
.kjwl-ul3 li i.i1{
    background-position: -60px 0;
}
.kjwl-ul3 li i.i2{
    background-position: -60px -70px;
}
.kjwl-ul3 li i.i3{
    background-position: -60px -140px;
}
.kjwl-ul3 li i.i4{
    background-position: -60px -210px;
}
.txt-ul{
    float: left;
    margin-top: 110px;
    margin-left: 100px;
    color: #666;
    font-size: 16px;
}
.txt-ul li{
    padding: 8px 0;
}
.txt-ul li:last-child{
    margin-right: 0;
}

/*生态合作*/
.c-cont{
    margin-right: -70px;
    margin-bottom: 40px;
    padding: 25px;
    background: #FFF;
    box-shadow: 0 0 15px rgba(0,0,0,.065);
    overflow: hidden;
}
.img-fr{
    float: right;
    margin-right: 45px;
    width: 360px;
    height: 240px;
    box-shadow: 0 0 15px rgba(0,0,0,.25);
}
.infoTxt2{
    position: relative;
    float:left;
    margin: 0px 65px 0;
    width: 340px;
    padding: 18px 25px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.infoTxt2:before,.infoTxt2:after{
    position: absolute;
    width: 22px;
    height: 17px;
    background: url("../images/i.png") no-repeat;
    content: "";
}
.infoTxt2:before{
    top:0;
    left:0;
    background-position: -150px -30px;
}
.infoTxt2:after{
    right:0;
    bottom:0;
    background-position: -172px -30px;
}
.c-title{
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 18px;
    color: #e2231a;
}
.c-news-ul{
    margin: -10px 0;
}
.c-news-ul li{
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    line-height:14px;
    font-size: 12px;
}
.c-news-ul li a{
    color:#333;
}
.c-news-ul li:last-child{
    border-bottom: 0;
}
.c-news-ul li span{
    float: right;
    color: #e23b1a;
}
.c-news-ul li a:hover,.c-news-ul li span a{
    color: #e23b1a;
}
.c-hb-ul li{
    float: left;
    margin: 10px 5px;
    width:170px;
    height: 65px;
    border:1px solid #eee;
}
.c-hb-ul li img{
    width:168px;
    height: 63px;
    overflow: hidden;
}
/*快递与快运服务*/
#kd-slideBox{ width:100%; height:370px; background: #fff; overflow:hidden; position:relative;}
#kd-slideBox .hd{ height:24px; overflow:hidden; position:absolute; right:50%; margin-right:-100px; width:200px; bottom:10px; text-align: center; z-index:1; }
#kd-slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-block;}
#kd-slideBox .hd ul li{ display:inline-block; margin:0 10px; width:24px; height:24px; border-radius: 50%; border:0;text-align:center; overflow: hidden;line-height: 21px; cursor:pointer; }
#kd-slideBox .hd ul li span{display: inline-block; width: 8px; height: 8px; border-radius: 50%; background:#fff; border:1px solid #c9c9c9; overflow: hidden;}
#kd-slideBox .hd ul li.on{border:1px solid #e0281e;}
#kd-slideBox .hd ul li.on span{background:#e0281e; border:1px solid #e0281e;}
#kd-slideBox .bd{ position:relative; height:100%; z-index:0;}
#kd-slideBox .bd ul{width: 100% !important; overflow: hidden;}
#kd-slideBox .bd li{width: 100% !important; position: relative; height:500px; zoom:1; vertical-align:middle; overflow: hidden;}

#kd-mapBox{
    height: 753px;
    padding-top: 100px;
    background: url("../images/kdykybg1.png") top center no-repeat #15151c;
}
#kd-mapBox .wrap{ position: relative;}
#kd-mapBox .i-title{width: 230px}
#kd-mapBox .i-title h2, #kd-mapBox .i-title p{ color: #FFF;  }

#ll-mapBox{
    height: 682px;
    padding-top: 60px;
    background: url("../images/kdykybg1.png") center center no-repeat #15151c;
}
#ll-mapBox .wrap{ position: relative;}
#ll-mapBox .i-title{width: 230px}
#ll-mapBox .i-title h2, #ll-mapBox .i-title p{ color: #FFF;  }

.mapBox{
    position: relative;
    float: right;
    width: 750px;
    height: 560px;
    margin-right: 215px;
    /*background: rgba(255,255,255,.35);*/
}
.point{
    position: absolute;
    top:0;
    right:0;
}
.point .focus{
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
}
.point .focus b{
    position:absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: -6px;
    left: -6px;
    border-radius: 50%;
    background: rgba(226,59,26,1);
    animation: mymove 1s infinite;
    -webkit-animation: mymove 1s infinite;
    -moz-animation: mymove 1s infinite;
    z-index: 1;
}
@keyframes mymove{
    0% {transform: scale(1); opacity: 0}
    50% {transform: scale(2); opacity: .15}
    100% {transform: scale(3); opacity: 0}
}
@-webkit-keyframes mymove{
    0% {transform: scale(1); opacity: 0}
    50% {transform: scale(2); opacity: .15}
    100% {transform: scale(3); opacity: 0}
}
@-moz-keyframes mymove{
    0% {transform: scale(1); opacity: 0}
    50% {transform: scale(2); opacity: .15}
    100% {transform: scale(3); opacity: 0}
}
.point .focus span{
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #e23b1a;
    border-radius: 50%;
    box-shadow: 0 0 17px rgba(226,59,26,1);
    animation: myPoint 1s infinite;
    -webkit-animation: myPoint 1s infinite;
    -moz-animation: myPoint 1s infinite;
    z-index: 2;
    cursor: pointer;
}
#mapBox-ll .point .focus b{
    width: 40px;
    height: 40px;
    top: -15px;
    left: -15px;
}
.point .focus p{
    position: absolute;
    display: inline-block;
    left: 50%;
    margin-left: -25px;
    top: 14px;
    width: 50px;
    height: 15px;
    color: rgba(255,255,255,.2);
    font-size: 12px;
    text-align: center;
    z-index: 2;
}
@keyframes myPoint{
    0% {transform: scale(1); opacity: 1}
    50% {transform: scale(1.2); opacity: .9}
    100% {transform: scale(1); opacity: 1}
}
@-webkit-keyframes myPoint{
    0% {transform: scale(1); opacity: 1}
    50% {transform: scale(1.2); opacity: .9}
    100% {transform: scale(1); opacity: 1}
}
@-moz-keyframes myPoint{
    0% {transform: scale(1); opacity: 1}
    50% {transform: scale(1.2); opacity: .8}
    100% {transform: scale(1); opacity: 1}
}
.point:hover{
    z-index: 1000;
}
#mapBox-ll .point:hover span{ background: #0fc9ff; box-shadow: 0 0 17px rgba(15,201,255,1);}
.point .open{
    display: none;
    position: absolute;
    top: -53px;
    left: -250px;
    width: 240px;
    min-height: 130px;
    padding: 20px;
    border-right: 3px solid #0fc9ff;
    background: #191924;
    line-height: 25px;
    box-shadow: 0 20px 30px rgba(0,0,0,.25);
}
#mapBox-ll .point:hover .open{ display: block}
.point .open dt{
    display: block;
    margin-bottom: 5px;
    padding-right: 15px;
    font-size: 12px;
    color: rgba(255,255,255,.5);
    border-bottom: 1px solid rgba(255,255,255,.5);
    overflow: hidden;
}
.point .open dd{
    display: inline-block;
    margin-right: 6px;
    color: rgba(255,255,255,1);
}
.point1{
    top: 145px;
    right: 110px;
}
.point2{
    top: 173px;
    right: 185px;
}
.point.point2 .focus p{
    top: -17px;
}
.point3{
    top: 186px;
    right: 175px;
}
.point.point3 .focus p{
    top: 14px;
    margin-left: -10px;
}
.point4{
    top: 185px;
    right: 298px;
}
.point5{
    top: 243px;
    right: 165px;
}
.point6{
    top: 276px;
    right: 216px;
}
.point7{
    top: 281px;
    right: 279px;
}
#mapBox-ll .point7{
    top: 290px;
    right: 300px;
}
.point8{
    top: 306px;
    right: 129px;
}
.point9{
    top: 316px;
    right: 95px;
}
.point10{
    top: 340px;
    right: 115px;
}
.point11{
    top: 325px;
    right: 156px;
}
.point12{
    top: 341px;
    right: 202px;
}
.point13{
    top: 379px;
    right: 174px;
}
.point14{
    top: 388px;
    right: 223px;
}
.point15{
    top: 193px;
    right: 193px;
}
.point16{
    top: 367px;
    right: 305px;
}
.point17{
    top: 345px;
    right: 360px;
}
.point18{
    top: 446px;
    right: 377px;
}
.point19{
    top: 472px;
    right: 206px;
}
.point20{
    top: 406px;
    right: 119px;
}
.point21{
    top: 540px;
    right: 258px;
}
.point22{
    top: 142px;
    right: 590px;
}
.point23{
    top: 410px;
    right: 305px;
}
.point24{
    top: 220px;
    right: 238px;
}
.point25{
    top: 30px;
    right: 66px;
}
.point26{
    top: 464px;
    right: 274px;
}
.point27{
    top: 265px;
    right: 346px;
}
.point28{
    top: 90px;
    right: 72px;
}
.point29{
    top: 230px;
    right: 324px;
}
.point30{
    top: 250px;
    right: 460px;
}
.explain2{
    position: absolute;
    top: 550px;
    right: 10px;
    color: #5a5a64;
    font-size: 12px;
}
#zzServer{ height: 660px; overflow: inherit}
#zzServer .wrap{ position: relative}
#zzServer:after{
    /*position: absolute;
    height: 0;
    width: 0;
    content: " ";
    clear: both;*/
}
.zz-content{
    position: absolute;
    right:0;
    top: -10px;
    width: 890px;
    height: 560px;
    background: #FFF;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}
/* 本例子css */
.zz-content .hd{ float: left; width: 190px; margin-top: 30px; margin-left: -50px; border-right: 1px solid #eee;  }
.zz-content .hd ul{ height: 475px; }
.zz-content .hd ul li{ width: 140px; height: 32px; margin-top: 20px; background: #FFF; text-align: center; line-height: 32px; box-shadow: 0px 10px 12px 0px rgba(10, 2, 4, 0.1);  cursor:pointer;}
.zz-content .hd ul li.on{ background: #e23b1a; color:#FFF;box-shadow: 0px 10px 21px 0px rgba(226, 35, 26, 0.3);
}
.zz-content .bd{ float: right; width:700px; height: 560px }
.zz-content .cont{ height: 560px;}
.zz-content .cont.c1{
    background: url("../images/tabpic1.jpg") right top no-repeat;
}
.zz-content .cont.c2{
    background: url("../images/tabpic2.jpg") right top no-repeat;
}
.zz-content .cont.c3{
    background: url("../images/tabpic3.jpg") right top no-repeat;
}
.zz-content .cont.c4{
    background: url("../images/tabpic4.jpg") right top no-repeat;
}
.zz-content .cont.c5{
    background: url("../images/tabpic5.jpg") right top no-repeat;
}
.zz-content .cont.c6{
    background: url("../images/tabpic6.jpg") right top no-repeat;
}
.zz-content .cont.c7{
    background: url("../images/tabpic7.jpg") right top no-repeat;
}
.zz-content .cont.c8{
    background: url("../images/tabpic8.jpg") right top no-repeat;
}
.zz-content .cont.c9{
    background: url("../images/tabpic9.jpg") right top no-repeat;
}
.zz-content .cont .txt{padding-top: 125px; width: 225px;}
.zz-content .cont .txt p{ font-size: 14px; color: #333;}
.sx-ul{
    float: right;
    padding-top: 70px;
}
.sx-ul li{
    float: left;
    position: relative;
    width: 290px;
    height: 245px;
    margin-left: 10px;
    background: #e2231a;
    transition: all .5s;
}
.sx-ul li s{
    display: block;
    margin: 50px auto 10px;
    width: 70px;
    width: 70px;
    height: 70px;
    background: url('../images/kdykyicon.png') no-repeat;
}
.sx-ul li s.s1{ background-position: -200px 0}
.sx-ul li s.s2{ background-position: -200px -70px}
.sx-ul li s.s3{ background-position: -200px -140px}
.sx-ul li h3{
    font-size: 18px;
    color: #fff;
    /*padding-top: 110px;*/
    text-align: center;
}
.sx-ul li .mask{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    padding:20px 40px;
    background: #FFF;
    opacity: 0;
    transition: all .5s;
}
.sx-ul li:hover{ margin-top: -10px;box-shadow: 0 0 15px rgba(0,0,0,.15);}
.sx-ul li:hover .mask{ opacity: 1}
.sx-ul li .mask h4{
    font-size: 16px;
    line-height: 20px
}
.sx-ul li .mask dl{
    padding: 15px 0;
    overflow: hidden;
}
.sx-ul li .mask dt{
    float: left;
    width: 40px;
    height: 40px;
    margin: 0 15px;
}
.sx-ul li .mask dt i{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../images/kdykyicon.png") no-repeat;
}
.sx-ul li .mask dt i.i1{ background-position: 0 0 }
.sx-ul li .mask dt i.i2{ background-position: 0 -40px }
.sx-ul li .mask dd{
    margin-left: 90px;
    color: #999;
}
.sx-ul li .mask dd span{
    color: #e23b1a;
}
.sx-ul li .mask p{
    font-size: 12px;
    color: #999;
}
.TC-content{
    float: right;
    position: relative;
    width: 1170px;
    margin-top: -70px;
}
/*.platTabs{ width:1210px; padding-top: 30px; text-align:left;}*/
.TC-content .hd{ position:relative; float: left; width: 160px;}
.TC-content .hd ul{ padding:0; margin-top: 100px}
.TC-content .hd ul li{ margin:0 0 35px 0; width: 128px; height: 34px; line-height: 32px; border:1px solid transparent; border-radius: 17px; text-align: center; color: #666; cursor:pointer; }
.TC-content .hd ul li.on{ border:1px solid #e2231a; }
.TC-content .bd{ float:right; width: 890px; height: 300px; padding-top: 30px; background: #FFF; box-shadow: 0 0 30px rgba(0,0,0,.15); }
.TC-content .bd div{ text-align: center;}

.wl-content2{
    float: right;
    position: relative;
    width: 990px;
    background: #FFF;
    padding: 40px 0;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
}
.wl-content{
    float: right;
    width: 990px;
}
.wl-ul{
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #f9f9f9;
    overflow: hidden;
}
.wl-ul li{
    float: left;
    width: 33.3%;
    height: 230px;
    padding: 0 40px;
    font-size: 12px;
    line-height:20px;
    text-align: center;
    border-right: 1px solid #ddd;
}
.wl-ul li:last-child{
    border-right:0;
}
.wl-ul li h4{
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}
.wl-ul li h5{
    font-size: 12px;
    color: #e23b1a;
    margin-bottom: 10px;
}
.wl-ul li p{
    color: #999;
    line-height: 22px;
}
.wl-ul li .title{
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.wl-ul li .title:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -22px;
    width: 45px;
    height: 4px;
    background: rgba(232,37,25,1);
    overflow: hidden;
    content: " ";
}
.wl-info{
    /*background: #2d2d36;*/
    padding: 0 90px;
}
.wl-info dt{
    float: left;
    width: 180px;
    /*color: #333;*/
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;
}
.wl-info dd{
    margin-left: 250px;
}
.wl-info dd img{
    max-width: 560px;
}
.wlfwpic{
    position: relative;
    top:-5px;
}
.lc-ul{
    float: right;
}
.lc-ul{
    float: right;
    width: 990px;
    margin-top: 10px;
    padding: 20px 0;
}
.lc-ul li{
    float: left;
    width: 25%;
    padding: 0 50px;
    text-align: center;
    color: #FFF;
}
.lc-ul li h5{ font-size: 16px; margin-bottom: 15px}
.lc-ul li i{
    display: block;
    margin: 0 auto 25px;
    width: 56px;
    height: 54px;
    background: url("../images/kdykyicon.png") no-repeat;
}
.lc-ul li p{
    font-size: 12px;
    line-height: 22px;
}
.lc-ul li i.i1{
    background-position: -50px 0;
}
.lc-ul li i.i2{
    background-position: -50px -54px;
}
.lc-ul li i.i3{
    background-position: -50px -108px;
}
.lc-ul li i.i4{
    background-position: -50px -162px;
}
.ys-content{
    float: right;
    width: 990px;
    margin-top: 30px;
}
.ys-ul{ padding: 0 0 50px; overflow: hidden}
.ys-ul li{
    float: left;
    width: 33.3%;
    padding: 0 30px;
    text-align: center;
}
.ys-ul3 li{
    width: 250px;
}
.m-ys-ul3 li{
    width: 246px;
}
.ys-ul3 li:last-child{
    float: right;
}
/* .ys-ul3 li:first-child{
    margin-right: 114px;
} */
.ys-ul li h5{ font-size: 16px; margin-bottom: 15px}
.ys-ul li p{ color: #666}
.ys-ul li i{
    display: block;
    margin: 0 auto 15px;
    width: 50px;
    height: 50px;
    background: url("../images/kdykyicon.png") no-repeat;
}
.ys-ul li i.i1{
    background-position: -140px -154px;
}
.ys-ul li i.i2{
    background-position: -140px -50px;
}
.ys-ul li i.i3{
    background-position: -140px -100px;
}
.ys-ul li i.i4{
    background-position: -140px -215px;
}
.cc-ul1{ float: right; width: 890px; padding: 0 0 30px; overflow: hidden}
.cc-ul1 li{
    float: left;
    width: 240px;
    margin-left: 85px;
    padding: 0;
    text-align: center;
}
.cc-ul1 li:first-child{ margin-left: 0}
.cc-ul1 li h5{ font-size: 16px; margin-bottom: 15px}
.cc-ul1 li p{ color: #666; line-height: 25px}
.cc-ul1 li i{
    display: block;
    margin: 0 auto 15px;
    width: 50px;
    height: 50px;
    background: url("../images/yicon.png") no-repeat;
}
.cc-ul1 li i.i1{
    background-position: 0 0;
}
.cc-ul1 li i.i2{
    background-position: 0 -50px;
}
.cc-ul1 li i.i3{
    background-position: 0 -100px;
}
.cloud-ul1{
    float: right;
    width: 890px;
    padding-top: 30px;
}
.cloud-ul1 li{
    float: left;
    position: relative;
    width: 215px;
    height: 245px;
    margin-left: 10px;
    background: url("../images/yibg.png") no-repeat #e2231a;
    transition: all .5s;
}
.cloud-ul1 li:first-child{
    margin-left: 0;
}
.cloud-ul1 li.li1{ background-position: 0 0}
.cloud-ul1 li.li2{ background-position: -215px 0}
.cloud-ul1 li.li3{ background-position: -430px 0}
.cloud-ul1 li.li4{ background-position: -645px 0}
.cloud-ul1 li h4{
    font-size: 18px;
    color: #fff;
    padding-top: 110px;
    text-align: center;
}
.cloud-ul1 li .mask{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    padding:50px 65px;
    background: #FFF;
    opacity: 0;
    line-height: 25px;
    transition: all .5s;
}
.cloud-ul1 li .mask i{font-size: 20px; line-height: 25px; color: #e23b1a; margin-right: 8px}
.cloud-ul1 li:hover{ margin-top: -10px;box-shadow: 0 0 15px rgba(0,0,0,.15);}
.cloud-ul1 li:hover .mask{ opacity: 1}
.cloud-ul1 li .mask h4{
    font-size: 16px;
    line-height: 20px
}
#data-content{
    height: 617px;
    background: url("../images/ybg.png") top center no-repeat;
}
.data-ul{
    float: right;
    width: 890px;
    margin-right: 15px;
    padding-top: 30px;
}
.data-ul li{
    float: left;
    width: 390px;
    height: 190px;
    padding: 20px 30px;
    margin-right: 110px;
    margin-bottom: 80px;
    background: #FFF;
}
.data-ul li:nth-child(even){
    margin-right: 0;
}
.data-ul li>div{
    float: left;
    width: 32px;
    padding-top: 20px;
    color: #999;
    font-size: 12px;
    text-align: center;
}
.data-ul li>div i{
    display: block;
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
    background: url("../images/yicon.png") no-repeat;
}
.data-ul li>div i.i1{ background-position: -50px 0}
.data-ul li>div i.i2{ background-position: -50px -32px}
.data-ul li>div i.i3{ background-position: -50px -64px}
.data-ul li>div i.i4{ background-position: -50px -96px}
.data-ul li dl{
    margin-left: 100px;
}
.data-ul li dt{
    position: relative;
    margin-bottom: 10px;
    font-size: 16px;
    padding-bottom: 15px;
}
.data-ul li dt:after{
    position: absolute;
    bottom:0;
    left: 0;
    height: 2px;
    width: 40px;
    background: #e23b1a;
    overflow: hidden;
    content: " ";
}
.data-ul li h6{
    font-size: 14px;
    margin-bottom: 5px;
}
.data-ul li p{
    font-size: 12px;
    color: #666;
    line-height: 22px;
}
#yair-content{
    height: 653px;
    overflow: inherit;
}
.yair-content1{
    position: relative;
    float: right;
    margin-top: -75px;
    width: 890px;
}
.yair-content1 .cont{
    margin-bottom: 35px;
    background: #FFF;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}
#yair-content2{
    background: #15151c;
}
#yair-content2 .i-title p{ color:#fff}
.data-ul2{
    float: right;
    width: 890px;
    color: #FFF;
    overflow: hidden;
}
.data-ul2 li{
    float: left;
    width: 25%;
    margin: 50px 0;
    padding: 0 25px;
    text-align: center;
}
.data-ul2 li h5{ height: 70px; font-size: 16px; margin-bottom: 5px}
.data-ul2 li p{ height: 100px; font-size: 12px; color: #fff; line-height: 25px}
.data-ul2 li i{
    display: block;
    margin: 0 auto 15px;
    width: 80px;
    height: 60px;
    background: url("../images/yicon.png") no-repeat;
}
.data-ul2 li i.i1{
    background-position: -100px 0;
}
.data-ul2 li i.i2{
    background-position: -100px -60px;
}
.data-ul2 li i.i3{
    background-position: -100px -120px;
}
.data-ul2 li i.i4{
    background-position: -100px -180px;
}
.data-ul2 li i.i5{
    background-position: -100px -240px;
}
.data-ul2 li i.i6{
    background-position: -100px -300px;
}
.data-ul2 li i.i7{
    background-position: -100px -360px;
}
.data-ul2 li i.i8{
    background-position: -100px -420px;
}
.wlkj-ul{
    width: 100%;
    height: 600px;
    background: #111112;
    overflow: hidden;
}
.wlkj-ul li{
    float: left;
    position: relative;
    width: 14.2857%;;
    height:100%;
    color: #FFF;
    border-right:1px solid rgba(80,80,80,.5);
    transition: all .5s;
}
.wlkj-ul li .mask{
    position: absolute;
    bottom:0;
    left:0;
    right:-1px;
    width:100%;
    height:100%;
    background: rgba(0,0,0,1);
    opacity: .5;
    transition: all .5s;
}

.wlkj-ul li.on{
    width: 42.8571%;
    height: 100%;
}
.wlkj-ul li.on .mask{ opacity: 0}
.wlkj-ul li.li1{
    background: url("../images/ypic1.jpg") top center no-repeat;
}
.wlkj-ul li.li2{
    background: url("../images/ypic2.jpg") top center no-repeat;
}
.wlkj-ul li.li3{
    background: url("../images/ypic3.jpg") top center no-repeat;
}
.wlkj-ul li.li4{
    background: url("../images/ypic4.jpg") top center no-repeat;
}
.wlkj-ul li.li5{
    background: url("../images/ypic5.jpg") top center no-repeat;
}
.wlkj-ul li.li6{
    background: url("../images/ypic6.jpg") top center no-repeat;
}
.wlkj-ul li dl{
    position: absolute;
    left:0 ;
    bottom: 30px;
    height: 165px;
    width: 100%;
    color: #FFF;
    text-align: center;
    opacity: 0;
    transition: all .5s;
}
.wlkj-ul li dt{
    position: relative;
    margin-bottom: 10px;
    font-size: 18px;
    padding-bottom: 15px;
}
.wlkj-ul li.on dl{ opacity: 1}
/* .wlkj-ul li dt:after{
    position: absolute;
    bottom:0;
    left: 50%;
    margin-left: -20px;
    height: 4px;
    width: 40px;
    background: #e23b1a;
    overflow: hidden;
    content: " ";
} */
.wlkj-ul li dd h6{
    font-size: 16px;
    margin-bottom: 5px;
}
.wlkj-ul li p{
    font-size: 14px;
    line-height: 22px;
}

.c-title .more{
    float: right;
    margin-top: 10px;
    margin-right: -45px;
    color: #333;
    font-size: 14px;
}
.c-title .more:hover{color: #e23b1a}

/*跨境物流*/
#competence{ height: 340px}
#competence2{ height: 190px; overflow: inherit}
.com-box{
    margin: -150px auto 0;
    width: 1190px;
    height: 200px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
    overflow: hidden;
}
.com-ul{
    text-align: right;
    padding-right: 49px;
}
.com-ul li{
    display: inline-block;
    width: 100px;
    margin: 20px 15px;
    vertical-align: top;
    text-align: center;
    /*cursor: pointer;*/
}
.com-ul li i{
    display: inline-block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    background: url("../images/kjwlicon2.png") no-repeat;

}
.com-ul2 li i{
    background: url("../images/kjwlicon3.png") no-repeat;
}
.com-ul li i.i1, .com-ul2 li i.i1{
    background-position: 0 0;
}
.com-ul li i.i2, .com-ul2 li i.i2{
    background-position: 0 -60px;
}
.com-ul li i.i3, .com-ul2 li i.i3{
    background-position: 0 -120px;
}
.com-ul li i.i4, .com-ul2 li i.i4{
    background-position: 0 -180px;
}
.com-ul li i.i5, .com-ul2 li i.i5{
    background-position: 0 -240px;
}
.com-ul li i.i6, .com-ul2 li i.i6{
    background-position: 0 -300px;
}
.com-ul li i.i7, .com-ul2 li i.i7{
    background-position: 0 -360px;
}
.com-ul li i.i8{
    background-position: 0 -420px;
}
.com-ul li:hover i.i1, .com-ul2 li:hover i.i1{
    background-position: -60px 0;
}
.com-ul li:hover i.i2,.com-ul2 li:hover i.i2{
    background-position: -60px -60px;
}
.com-ul li:hover i.i3,.com-ul2 li:hover i.i3{
    background-position: -60px -120px;
}
.com-ul li:hover i.i4,.com-ul2 li:hover i.i4{
    background-position: -60px -180px;
}
.com-ul li:hover i.i5,.com-ul2 li:hover i.i5{
    background-position: -60px -240px;
}
.com-ul li:hover i.i6,.com-ul2 li:hover i.i6{
    background-position: -60px -300px;
}
.com-ul li:hover i.i7,.com-ul2 li:hover i.i7{
    background-position: -60px -360px;
}
.com-ul li:hover i.i8{
    background-position: -60px -420px;
}
.com-ul li h4{
    position: relative;
    padding-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #333;
}
.com-ul li h4:before{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 1px;
    background:rgba(0,0,0,.2);
    overflow: hidden;
    content: " ";
}
.com-ul li:hover h4{ color: #e2231a }
.com-ul li p{
    font-size: 12px;
    color: #666;
    line-height: 20px;
}
.i-section4{
    padding: 50px 0;
    background: #15151c;
}
.i-section5{
    padding: 50px 0;
    background: #e2231a;
    overflow: hidden;
}
.i-section5 .i-title h2{
    color: #FFF;
}
.i-section5 .i-title h2:after{
    background: #fff;
}
/* 本例子css */
.kj-slideBox{}
.kj-slideBox .hd{ height:60px; line-height:60px; color: #FFF; font-size: 20px; background: #E2231A;}
.kj-slideBox .hd ul{ text-align: center}
.kj-slideBox .hd ul li{ display: inline-block; width: 190px;  padding:0 15px; margin: 0 30px; text-align: center;  cursor:pointer;  }
.kj-slideBox .hd ul li i{
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: url("../images/kjwlicon.png") no-repeat;
    vertical-align: middle;
}
.kj-slideBox .hd ul li i.i1{ background-position: 0 -160px}
.kj-slideBox .hd ul li i.i2{ background-position: 0 -190px}
.kj-slideBox .hd ul li.on{ background: url("../images/kjwlicon.png") 0 -300px no-repeat }
.kj-slideBox .bd{background: #15151c;}

.sortBox{
    position: relative;
    width: 1210px;
    margin: 30px auto 0;
    background: #FFF;
    padding-bottom: 50px;
    padding-left: 191px;
}
.sortBox:after{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.sortBox li{
    float: left;
    width: 110px;
    margin: 50px 46px 0;
    height: 240px;
    text-align: center;
}
.sortBox li h4{
    margin-bottom: 15px;
    font-size: 18px;
    color: #e23b1a;
}
.sortBox li p{
    color: #666;
    font-size: 12px;
    line-height: 20px;
}
.sortBox li i{
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
    background: url("../images/i_1.png") no-repeat;
}
.sortBox li i.i1{
    background-position: 0 0;
}
.sortBox li i.i2{
    background-position: 0 -60px;
}
.sortBox li i.i3{
    background-position: 0 -120px;
}
.sortBox li i.i4{
    background-position: 0 -180px;
}
.sortBox li i.i5{
    background-position: 0 -240px;
}
.sortBox li i.i6{
    background-position: 0 -300px;
}
.sortBox li i.i7{
    background-position: 0 -360px;
}
.sortBox li i.i8{
    background-position: 0 -420px;
}
.sortBox li i.i9{
    background-position: 0 -480px;
}
.sortBox li i.i10{
    background-position: 0 -540px;
}
#jd-faction{
    position: relative;
    height: 540px;
    background: url("../images/jd-bg.jpg") top center no-repeat #000;
}
#jd-faction .depotTabs .hd, .blackTabs .hd{
    border-right-color: rgba(255,255,255,.1);
}
#jd-faction .depotTabs .hd ul li,.blackTabs .hd ul li{
    color: #fff;
}
#jd-faction .depotTabs .hd ul ,.blackTabs .hd ul{
    padding-top: 185px;
}
#jd-faction .depotTabs .tabCont .textBox .title,
.blackTabs .tabCont .textBox .title{
    color: #FFF;
    border-bottom-color: rgba(255,255,255,.2);
}
#jd-faction .depotTabs .tabCont .textBox .title p,
.blackTabs .tabCont .textBox .title p{
    color: rgba(255,255,255,.2);
}
#sxqn{
    position: relative;
    overflow: inherit;
    z-index: 1;
}
#jd-faction .i-title{
    padding-top: 20px;
}
#jd-faction .i-title p{
    color: #FFF;
}
.chain-ul3{
    float: right;
    width: 990px;
    padding-top: 10px;
}
.chain-ul3 li{
    position: relative;
    float: left;
    width: 240px;
    margin-right: 10px;
    border:1px solid #eee;
    background: #FFF;
    border-radius: 5px;
    transition:all .5s;
}
.chain-ul3 li:last-child{
    margin-right: 0;
}
.chain-ul3 li .pic{
    position: relative;
    margin: -1px -1px 0 -1px;
    width: 240px;
    height: 230px;
}
.chain-ul3 li .pic img{
    width: 240px;
    height: 230px;
    border-radius: 5px 5px 0 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .8;
    transition:all .5s;
}
.chain-ul3 li .sign{
    position: absolute;
    top: 215px;
    right: 18px;
    width: 24px;
    height: 24px;
    background: #FFF;
    color: #999;
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 50%;
    box-shadow: 0 5px 10px rgba(147,40,35, .15);
    z-index: 2;
}
.chain-ul3 li .txt{
    padding:15px 16px;
}
.chain-ul3 li h5{
    font-size: 14px;
    line-height: 14px;
    color: #333;
    margin-bottom: 10px;
}
.chain-ul3 li:hover{
    margin-top: -10px;
    box-shadow: 0 10px 40px rgba(0,0,0,.10);
    border: 1px solid #fff;
}
.chain-ul3 li:hover .pic img{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}
.chain-ul3 li:hover .sign{
    background: #E2231A;
    color:#FFF;
}
#l-depot {
    position: relative;
    height: 600px;
    background: url("../images/cp-bg.jpg") top center no-repeat;
}
#l-depot .depotTabs .hd ul li{
    margin-top: 30px;
}
.ul-kdyky{
    padding-bottom: 30px;
    text-align: center;
    overflow: hidden;
}
.ul-kdyky li{
    position: relative;
    display: inline-block;
    width: 180px;
    margin: 0 75px;
}
.ul-kdyky li i{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 auto 20px;
    background: url("../images/kdykyicon2.png") no-repeat;
}
.ul-kdyky li i.i1{
    background-position: 0 0;
}
.ul-kdyky li i.i2{
    background-position: 0 -50px;
}
.ul-kdyky li h3{
    margin-bottom: 5px;
    font-size: 14px;
}
.ul-kdyky li p{
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.ul-ly li .mask{
    text-align: center;
}
.ul-ly li .mask h4{
    display: inline-block;
    margin: 0 auto 10px;
    padding-right: 0;
    text-align: center;
    font-size: 16px;
    line-height: 20px
}
.ul-ly li .mask dl{
    padding: 15px 0;
    overflow: hidden;
}
.ul-ly li .mask dt{
    float: left;
    width: 40px;
    height: 40px;
    margin: 8px 15px;
}
.ul-ly li .mask dt i{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../images/kdykyicon.png") no-repeat;
}
.ul-ly li .mask dt i.i1{ background-position: 0 0 }
.ul-ly li .mask dt i.i2{ background-position: 0 -40px }
.ul-ly li .mask dd{
    margin-left: 90px;
    color: #999;
    text-align: left;
    line-height: 27px;
}
.ul-ly li .mask dd span{
    color: #e23b1a;
}
.ul-ly li .mask p{
    font-size: 12px;
    color: #999;
}
.ul-kdyky2 li s{
    background: url("../images/i_2.png") no-repeat;
}
.ul-kdyky2 li s.s1{
    background-position: 0 0;
}
.ul-kdyky2 li s.s2{
    background-position: 0 -155px;
}
.ul-kdyky2 li s.s3{
    background-position: 0 -310px;
}
#TC-content{
    position: relative;
    height: 550px;
    background: url("../images/bg.jpg") top center no-repeat;
}
.y-imgBox{
    padding: 25px 0;
    text-align: center;
    box-shadow: 0 0 15px rgba(0,0,0,.10);
}

.ul-kjwl1 li{
    position: relative;
    margin: 0 45px;
    font-size: 14px;
}

.ul-kjwl1 li i{
    background: url("../images/kjwlicon.png") no-repeat;
}
.ul-kjwl1 li i.i1{
    background-position: 0 0;
}
.ul-kjwl1 li i.i2{
    background-position: 0 -50px;
}
.ul-kjwl1 li i.i3{
    background-position: 0 -100px;
}
.ul-y1 li{
    width: 190px;
    margin: 0 45px;
}
.ul-y2 li{
    width: 195px;
}
.ul-y1 li i{
    background: url("../images/yicon.png") no-repeat;
}
.ul-y1 li i.i1{
    background-position: 0 0;
}
.ul-y1 li i.i2{
    background-position: 0 -50px;
}
.ul-y1 li i.i3{
    background-position: 0 -100px;
}
.b2c-ul1{
    float: right;
    width: 990px;
    overflow: hidden;
}
.b2c-ul1 li{
    float: left;
    width: 25%;
    margin: 50px 0;
    padding: 0 25px;
    text-align: center;
}
.b2c-ul1 li h5{ font-size: 16px; margin-bottom: 15px}
.b2c-ul1 li p{ font-size: 12px; color: #999; line-height: 23px}
.b2c-ul1 li i{
    display: block;
    margin: 0 auto 25px;
    width: 70px;
    height: 70px;
    background: url("../images/yicon2.png") no-repeat;
}
.b2c-ul1 li i.i1{
    background-position: 0 0;
}
.b2c-ul1 li i.i2{
    background-position: 0 -70px;
}
.b2c-ul1 li i.i3{
    background-position: 0 -140px;
}
.b2c-ul1 li i.i4{
    background-position: 0 -210px;
}
#B2B-column{
    height: 800px;
    background: url("../images/c-bg.jpg") top center no-repeat;
}
.B2B-ul{
    position: relative;
    float: right;
    width: 1000px;
}
.B2B-ul li{
    position: absolute;
    width: 150px;
    padding-top: 10px;
    color: #FFF;
}
.B2B-ul li h4{
    margin-bottom: 10px;
    font-size: 16px;
}
.B2B-ul li p{
    padding: 0 15px;
    font-size: 14px;
    line-height: 24px;
}
.B2B-ul li.li1{
    top: 45px;
    left: 250px;
    text-align: center;
}
.B2B-ul li.li2{
    top: 45px;
    left: 560px;
    text-align: center;
}
.B2B-ul li.li3{
    top: 230px;
    left: 0;
    text-align: center;
}
.B2B-ul li.li4{
    top: 230px;
    right: 55px;
    text-align: center;
}
.B2B-ul li.li5{
    top: 400px;
    left: 250px;
    text-align: center;
}
.B2B-ul li.li6{
    top: 400px;
    left: 560px;
    text-align: center;
}
.B2B-ul li i{
    display: inline-block;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    transition: all .5s;
}
.B2B-ul li:hover i{
    margin-top: -10px;
}
.B2B-ul li.li1 i{
    background: url("../images/1.png") no-repeat;
}
.B2B-ul li.li1:hover i{
    background: url("../images/1-hover.png") no-repeat;
}
.B2B-ul li.li2 i{
    background: url("../images/2.png") no-repeat;
}
.B2B-ul li.li2:hover i{
    background: url("../images/2-hover.png") no-repeat;
}
.B2B-ul li.li3 i{
    background: url("../images/3.png") no-repeat;
}
.B2B-ul li.li3:hover i{
    background: url("../images/3-hover.png") no-repeat;
}
.B2B-ul li.li4 i{
    background: url("../images/4.png") no-repeat;
}
.B2B-ul li.li4:hover i{
    background: url("../images/4-hover.png") no-repeat;
}
.B2B-ul li.li5 i{
    background: url("../images/5.png") no-repeat;
}
.B2B-ul li.li5:hover i{
    background: url("../images/5-hover.png") no-repeat;
}
.B2B-ul li.li6 i{
    background: url("../images/6.png") no-repeat;
}
.B2B-ul li.li6:hover i{
    background: url("../images/6-hover.png") no-repeat;
}
.r-img{
    float: right;
    padding: 30px 0;
}
.zg-ul{
    float: right;
    width: 990px;
    text-align: center;
}
.zg-ul li{
    float: left;
    width: 20%;
    padding: 30px 40px 0;
}
.zg-ul li i{
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    background: url("../images/yicon2.png") no-repeat;
}
.zg-ul li i.i1{
    background-position: 0 -350px;
}
.zg-ul li i.i2{
    background-position: 0 -140px;
}
.zg-ul li i.i13{
    background-position: 0 -280px;
}
.zg-ul li i.i4{
    background-position: 0 -70px;
}
.zg-ul li i.i5{
    background-position: 0 0;
}

.zg-ul li h4{
    margin-bottom: 10px;
    font-size: 16px;
    color: #e23b1a;
}
.zg-ul li p{
    font-size: 12px;
    line-height: 22px;
    color: #999;
}
#banner-zzfw{
    background: url("../images/banner-zzfw.jpg") top center no-repeat;
}
.zz-tabs{
    height: 70px;
    background: url("../images/zzfw-tabs-bg.png") top center no-repeat;
    text-align: center;
}
.zz-tabs li{
    display: inline-block;
    width: 600px;
    height: 70px;
    border-left: 1px solid rgba(255,255,255,.2);
    border-right: 1px solid rgba(255,255,255,.2);

}
.zz-tabs li:last-child{
    border-left:0
}
.zz-tabs li h3{
    position: relative;
    display: inline-block;
    height: 70px;
    font-size: 18px;
    line-height: 70px;
    padding: 0 20px;
    color: #999;
    cursor: pointer;
    overflow: hidden;
}
.zz-tabs li.cur h3{
    color: #fff;
}
.zz-tabs li.cur h3:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -53px;
    width: 106px;
    height: 6px;
    background: rgba(232,37,25,1);
    overflow: hidden;
    content: " ";
}
.zz-ul{
    float: right;
    width: 990px;
    margin-top: 50px;
}
.zz-ul li{
    float: left;
    width: 20%;
    text-align: center;
}
.zz-ul li h4{
    font-size: 16px;
}
.zz-ul li i{
    display: inline-block;
    width: 60px;
    height: 50px;
    margin: 0 auto 30px;
    background: url("../images/z1.png") no-repeat;
}
.zz-ul li i.i1{
    background-position: 0 0;
}
.zz-ul li i.i2{
    background-position: 0 -50px;
}
.zz-ul li i.i3{
    background-position: 0 -100px;
}
.zz-ul li i.i4{
    background-position: 0 -150px;
}
.zz-ul li i.i5{
    background-position: 0 -200px;
}

.ys-ul2{
    float: right;
    width: 990px;
    padding-top: 70px;
}
.ys-ul2 li{
    position: relative;
    float: left;
    width: 323px;
    margin-right: 10px;
    height: 260px;
    background: #FFF;
    border-radius: 6px;
    text-align: center;
    transition: all .5s;
}
.ys-ul2 li:last-child{
    margin-right: 0;
}
.ys-ul2 li:hover{
    margin-top: -10px;
}
.ys-ul2 li i{
    position: relative;
    display: inline-block;
    width: 116px;
    height: 116px;
    margin-top: -55px;
    border-radius: 50%;
    border: 20px solid #fff;
    /*background: #FFF;*/
    background: url("../images/z2.png") no-repeat #FFF;
}
.ys-ul2 li i.i1{
    background-position: 0 0;
}
.ys-ul2 li i.i2{
    background-position: 0 -76px;
}
.ys-ul2 li i.i3{
    background-position: 0 -152px;
}
.ys-ul2 li:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -115px;
    width: 230px;
    height: 10px;
    border-radius: 5px 5px 0 0;
    background: #ddd;
    overflow: hidden;
    content: " ";
}
.ys-ul2 li h4{
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 10px;
}
/* .ys-ul2 li h4:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 3px;
    background: #e23b1a;
    overflow: hidden;
    content: " ";
} */
.ys-ul2 li p{
    padding: 0 22px;
    color: #666;
    line-height: 22px;
    padding-bottom: 10px;
}
#ys-column{
    height: 460px;
    background: url("../images/cp-bg2.jpg") no-repeat;
    overflow: hidden;
}
#zz-column{
    height: 330px;
    background: url("../images/cp-bg3.jpg") no-repeat;
    overflow: hidden;
}
.zz-ul2{
    float: right;
    width: 1000px;
    margin-top: 50px;
}
.zz-ul2 li{
    float: left;
    width: 490px;
    height: 150px;
    margin-left: 10px;
    padding: 45px 45px 0 45px;
    border-radius: 5px;
}
.zz-ul2 li h4{
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 16px;
}
.zz-ul2 li p{
    font-size: 12px;
    color: #666;
}
.zz-ul2 li.li1{
    background: url("../images/m-bg1.jpg");
}
.zz-ul2 li.li2{
    background: url("../images/m-bg2.jpg");
}
.zz-cont{
    display: none;
}
.l-table{
    float: right;
    width: 990px;
    margin: 60px 0;
}
.table2{
    width: 100%;

}
.table2 th,.table2 td{
    padding: 15px 20px;
    border: 1px solid #e5e5e5;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.table2 th{
    background: #e23b1a;
    color: #FFF;
}
#str-content {
    position: relative;
    height: 550px;
    background: url(../images/bg.jpg) top center no-repeat;
}

#str-content .blackTabs .hd ul{
    padding-top: 120px;
}
.z-info1{
    margin-bottom: 70px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
}
.z-info1 h3{
    margin-bottom: 20px;
}
.z-info1 p{
    padding-bottom: 10px;
}
.z-info2{
    margin-bottom: 70px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
}
.z-info2 li{
    display: inline-block;
    width: 102px;
    margin: 0 50px;
    vertical-align: top;
}
.z-info2 li i{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 auto 30px;
    background: url("../images/z3.png") no-repeat;
}
.z-info2 li i.i1{
    background-position: 0 0;
}
.z-info2 li i.i2{
    background-position: 0 -50px;
}
.z-info2 li i.i3{
    background-position: 0 -100px;
}
.z-info2 li i.i4{
    background-position: -50px 0;
}
.z-info2 li i.i5{
    background-position: -50px -50px;
}
.z-info2 li i.i6{
    background-position: -50px -100px;
}

.sh-ul{
    float: right;
    width: 990px;
    overflow: hidden;
}
.sh-ul li{
    float: left;
    width: 33%;
    margin: 20px 0;
    padding: 0 25px;
    text-align: center;
}
.sh-ul li h5{ font-size: 16px; margin-bottom: 10px}
.sh-ul li p{ font-size: 12px; color: #999; line-height: 23px}
.sh-ul li i{
    display: block;
    margin: 0 auto 15px;
    width: 70px;
    height: 70px;
    background: url("../images/yicon2.png") no-repeat;
}
.sh-ul li i.i1{
    background-position: 0 0;
}
.sh-ul li i.i2{
    background-position: 0 -350px;
}
.sh-ul li i.i3{
    background-position: 0 -420px;
}
.s-news-cont p{
    line-height: 28px;
}
.c-txt1{
    color: #000;
}
.c-tit{
    font-size: 14px;
    margin: 30px 0 30px;
}
.s-new-yisi .c-tit{
    margin: 0;
}

.c-tit2{
    font-size: 16px;
    margin-bottom: 10px;
}
.c-link{
    color: #e23b1a;
    text-decoration: underline;
}
.c-link:hover{
    color: #e23b1a;
    text-decoration: none;
}
.result{
    position: relative;
}
.btn-sign{
    display: inline-block;
    position: absolute;
    top: 50px;
    right:0;
    width: 110px;
    height: 32px;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    border: 1px solid #d3d6d9;
    border-radius: 16px;
    text-align: center;
}
.maskLayout{
    display: none;
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 1000;
}
.m-modal{
    display: none;
    position: fixed;
    top:50%;
    left:50%;
    margin-top: -200px;
    margin-left: -300px;
    width: 600px;
    height: 400px;
    border-radius: 5px;
    background: #FFF;
    z-index: 1001;
}
.m-modal .close{
    position: absolute;
    top:5px;
    right:10px;
    display: inline-block;
    font-size: 28px;
    color: #999;
    cursor: pointer;
}
.m-modal-header{
    height: 40px;
    padding: 10px 20px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #eee;
}
.m-modal-body{
    height: 360px;
    padding: 80px 120px 0 ;
    border-radius: 0 0 5px 5px;
}
.m-modal .phone {
    height: 42px;
    line-height: 42px;
    border: solid 1px #E0DFDF;
    padding-left: 54px;
    margin-bottom: 32px;
    background: url("../images/phone2x.png") no-repeat 17px 10px #EFEFEF;
    background-size: 15px 24px;
}
.phone input {
    background-color: #EFEFEF;
    border: none;
    height: 36px;
    width: 300px;
    font-size: 14px;
    color: #666;
}
.verifyIn{
    width: 220px;
    height:42px;
    margin-right: 17px;
    border: solid 1px #e0dfdf;
    text-indent:17px;
}
.verifyGet{
    display: inline-block;
    width: 118px;
    height: 42px;
    border: solid 1px #e0dfdf;
    border-radius: 4px;
    font-size: 14px;
    color: #666666;
    background: #f6f6f6;
    cursor: pointer;
}
button:focus{
    outline: none;
}
.m-submit{
    margin-top: 70px;
    text-align: center;
}
.m-submit button{
    width:158px;
    height:40px;
    font-size:14px;
    letter-spacing: 10px;
    cursor: pointer;
}
.m-submit .confim{
    margin-left: 38px;
    background-color: #e2231a;
    border:solid 1px #e2231a;
    border-radius: 4px;
    color:#FFF;
}
.m-submit .cancel{
    border:solid 1px #E0DFDF;
    border-radius: 4px;
    color:#666;
}
.signature{
    width: 240px;
    height: 80px;
}
.m-body2{
    background: #fafafa;
}
.m-body2 .img{
    padding-top: 30px;
    text-align: center;
}
.m-body2 p{
    margin: 125px -80px 0;
    text-align: right;
    color: #666;
}
#s-strengths{
    position: relative;
    height: 350px;
    overflow: inherit;
    z-index: 10;
}
#s-strengths .wrap{ position: relative}
.ss-content{
    position: absolute;
    right:0;
    top: -28px;
    width: 890px;
    height: 285px;
    background: #FFF;
    box-shadow: 0 5px 20px rgba(0,0,0,.15);
}
/* 本例子css */
.ss-content .hd{ float: left; width: 190px;  margin-left: -178px;}
.ss-content .hd ul li{ width: 140px; height: 32px; margin-top: 20px; background: #FFF; text-align: center; line-height: 32px; box-shadow: 0px 10px 12px 0px rgba(10, 2, 4, 0.1); cursor:pointer;}
.ss-content .hd ul li.on{ background: #e23b1a; color:#FFF; box-shadow: 0px 10px 21px 0px rgba(226, 35, 26, 0.3);}
.ss-content .bd{ float: right; width:700px; height: 285px; }
.ss-content .cont{ height: 285px;}
.ss-content .cont.c1{
    background: url("../images/b1.jpg") right top no-repeat;
}
.ss-content .cont.c2{
    background: url("../images/b2.jpg") right top no-repeat;
}
.ss-content .cont.c3{
    background: url("../images/b3.jpg") right top no-repeat;
}
.ss-content .cont.c4{
    background: url("../images/b4.jpg") right top no-repeat;
}
.ss-content .cont .txt{padding-top: 70px; width: 370px;}
.ss-content .cont .txt.ten{padding-top: 40px;}
.ss-content .cont .txt.move{padding-top: 50px;}
.ss-content .cont .txt p{ font-size: 14px; color: #333;}
.ss-content .cont .txt .i-title{width: 370px;  }
.pro-ul{
    float: right;
    width: 990px;
    padding-top: 50px;
    padding-right: 20px;
}
.pro-ul li{
    float: left;
    width: 20%;
    padding:0 9px;
    text-align: center;
}
.pro-ul li i{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
    background: url("../images/i-3.png") no-repeat;
}
.pro-ul li i.i1{
    background-position: 0 0;
}
.pro-ul li i.i2{
    background-position: 0 -40px;
}
.pro-ul li i.i3{
    background-position: 0 -80px;
}
.pro-ul li i.i4{
    background-position: 0 -120px;
}
.pro-ul li i.i5{
    background-position: 0 -160px;
}
.pro-ul li h4{
    font-size: 16px;
    margin-bottom: 10px;
}
.pro-ul li p{
    font-size: 12px;
    line-height: 24px;
    color: #666;
}
.jdb-ul1{
    width: 800px;
    margin-left: -85px;
}
.jdb-ul1 li{
    float: left;
    width: 25%;
    padding-top: 20px;
    text-align: center;
    color: #FFF;
}
.jdb-ul1 li i{
    display: inline-block;
    width: 65px;
    height: 65px;
    margin-bottom: 10px;
    background: url("../images/i-2.png") no-repeat;
}
.jdb-ul1 li i.i1{
    background-position: 0 0;
}
.jdb-ul1 li i.i2{
    background-position: 0 -65px;
}
.jdb-ul1 li i.i3{
    background-position: 0 -130px;
}
.jdb-ul1 li i.i4{
    background-position: 0 -195px;
}
.jdb-ul1 li h5{
    font-size: 14px;
}
.jdb-ul2{
    width: 850px;
    margin-left: -110px;
}
.jdb-ul2 li{
    float: left;
    width: 20%;
    padding: 20px 0;
    text-align: center;
    color: #FFF;
}
.jdb-ul2 li i{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    background: url("../images/i-4.png") no-repeat;
}
.jdb-ul2 li i.i1{
    background-position: 0 0;
}
.jdb-ul2 li i.i2{
    background-position: 0 -50px;
}
.jdb-ul2 li i.i3{
    background-position: 0 -100px;
}
.jdb-ul2 li i.i4{
    background-position: 0 -150px;
}
.jdb-ul2 li i.i5{
    background-position: 0 -200px;
}
.jdb-ul2 li i.i6{
    background-position: 0 -250px;
}
.jdb-ul2 li i.i7{
    background-position: 0 -300px;
}
.jdb-ul2 li i.i8{
    background-position: 0 -350px;
}
.jdb-ul2 li i.i9{
    background-position: 0 -400px;
}
.jdb-ul2 li h5{
    font-size: 14px;
    color: #FFF;
}
#cases-content{
    position: relative;
    height: 480px;
    background: url("../images/cbg1.jpg") top center no-repeat #111118;
}
#cases-content .wrap{
    position: relative;
}
.cases-cont{
    position: absolute;
    top:50px;
    left:0;
    width: 100%;
}
.cases-cont h3{
    margin-bottom: 30px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
}
.cases-cont h3 span{
    padding: 0 20px;
}
.cases-ul{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 160px;
}
.cases-ul li{
    position: relative;
    float: left;
    width: 25%;
    height: 160px;
    padding-top: 65px;
    text-align: center;
}
.cases-ul li.li1{
    background: url("../images/csbg1.jpg") top center no-repeat;
}
.cases-ul li.li2{
    background: url("../images/csbg2.jpg") top center no-repeat;
}
.cases-ul li.li3{
    background: url("../images/csbg3.jpg") top center no-repeat;
}
.cases-ul li.li4{
    background: url("../images/csbg4.jpg") top center no-repeat;
}
.cases-ul li h3{
    margin-bottom: 5px;
    color: #e23b1a;
    font-size: 16px;
    line-height: 16px;
}
.cases-ul li em{
    font-size: 12px;
    color: #FFF;
    font-style: italic;
}
.cases-ul li .mask{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    padding-top: 45px;
    background: #e2231a;
    color: #FFF;
    opacity: 0;
    transition: all .5s;
}
.cases-ul li:hover .mask{
    opacity: 1;
}
.cases-ul li .mask h4{
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
}
.cases-ul li .mask p{
    font-size: 12px;
    line-height: 22px;
}
#st-content{
    height: 595px;
    border-top:1px solid rgba(255,255,255,.1);
    background: url("../images/stbg.jpg") top center no-repeat #111118;
}
.kjwl-ul4{
    float: right;
    width: 990px;
    height: 556px;
    padding: 140px 50px 0;
    margin: -30px 0;
    background: url("../images/c.png") top center no-repeat;
    text-align: center;
}
.kjwl-ul4 li{
    display: inline-block;
    width: 45%;
    color: #FFF;
    text-align: center;
    vertical-align: top;
}
.kjwl-ul4 li i{
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    background: url("../images/i_3.png") no-repeat;
}
.kjwl-ul4 li i.i1{
    background-position: 0 0;
}
.kjwl-ul4 li i.i2{
    background-position: 0 -70px;
}
.kjwl-ul4 li h4{
    font-size: 20px;
    color: #e23b1a;
    line-height: 20px;
    margin-bottom: 10px;
}
.kjwl-ul4 li p{
    font-size: 14px;
    color: #fff;
    line-height: 22px;
}
#ys-content{
    position: relative;
    height: 570px;
}
#ys-content .depotTabs{
    position: absolute;
    left: 0;
    top:0;
    height: 100%;
    width: 100%;
    margin-left: 0;
}
#ys-content .wrap{
    position: relative;
    z-index: 1;
}
#ys-content .depotTabs .hd{
    height: 570px;
}
#ys-content .depotTabs .hd ul{
    padding-top: 190px;
}
#ys-content .depotTabs .bd{
    position: absolute;
    top:0;
    left:0;
    height: 570px;
    width: 100%;
}
#ys-content .depotTabs .bd .tabCont{
    width: 100%;
    height: 570px;
    margin: 0;
}
#ys-content .depotTabs .bd .tabCont.cont1{
    background: url("../images/map1.png") top center no-repeat;
}
#ys-content .depotTabs .bd .tabCont.cont2{
    background: url("../images/map2.png") top center no-repeat;
}
#fw-section{
    position: relative;
    height: 690px;
    overflow: inherit;
}
#fw-section .wrap{
    position: relative;
}
#fw-section .wrap .wl-content2{
    position: relative;
    margin-bottom: 40px;
    margin-top: -10px;
}
#hxys-section{
    height: 310px;
    clear: both;
}
/*全流程订单轨迹*/
.btn-locus{
    display: inline-block;
    position: absolute;
    top: 50px;
    right:120px;
    width: 110px;
    height: 32px;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    border: 1px solid #d3d6d9;
    border-radius: 16px;
    text-align: center;
}
.r-tab a:hover{
    background: #e23b1a;
    color:#FFF;
    border: 1px solid #e23b1a;
}
.locusBox{
    display: none;
    position: relative;
    height: 520px;
    padding-top: 15px;
    z-index: 10;
}
.locus-title{
    height: 33px;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #eee;
    font-size: 14px;
    line-height: 32px;
    color: #333;
}
.locus-title .close{
    float: right;
    font-size: 28px;
    cursor: pointer;
}
.locus-cont{
    height: 460px;
    border:1px solid #d3d6d9;
}
/*物流合作New*/
.hz-dl2{
    padding: 0 0 30px;
    overflow: hidden;
}
.hz-dl2 dt{
    float: left;
    width: 120px;
    line-height:32px;
    text-align: right;
}
.hz-dl2 dd{
    margin-left: 130px;
    min-height:34px;
    line-height:30px;
}
select{
    outline: none;
}
.w-input{
    height:32px;
    width: 360px;
    padding: 0 5px;
    margin-right:5px;
    line-height: 30px;
    border:1px solid #d9d9d9;
    font-size:14px;
}
.w-input::-webkit-input-placeholder{
    font-size: 14px;
}
.w-input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    font-size: 14px;
}
.w-input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
}
.w-input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    font-size: 14px;
}
.hz-dl2 dd input,.hz-dl2 dd select,.hz-dl2 dd .w-tip{
    vertical-align: middle;
}
.hz-dl2 dd .line{
    height:30px;
    border-bottom:1px dashed #d9d9d9;
}
.hz-dl2 dd .w-tip{
    display: inline-block;
    color: #e23b1a;
}
.hz-dl2 dd .w-tip i{
    display: inline-block;
    width: 16px;
    height:16px;
    margin-right:5px;
    background:url('../images/i.png') no-repeat -120px -80px;
    vertical-align: middle;
}
.w-btn{
    display:inline-block;
    padding: 0 25px;
    height: 32px;
    background: #e23b1a;
    color:#FFF;
    line-height: 32px;
}
.w-form{
    padding: 10px 0 20px;
}

.fullLink{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.m-dot{
    display: inline-block;
    position: relative;
    top:-5px;
    margin: 0 5px;
}
.m-dot2{
    margin: 0 9px;
}

.beian{
    display: inline-block;
    margin-left: 20px;
    margin-right: 5px;
    width: 16px;
    position: relative;
}

.beian_link{
    color: #949494;
}


/* b网首页修改 */
.b-searchBarWrap{
    height: 82px;
    background: #F1F1F1;
}
.b-searchBar{
    height: 82px;
    background: #333;
}
.b-index-form{
    position: relative;
}
.b-index-list{
    float: right;
}
.b-index-list li{
    float: left;
    margin-right: 70px;
    line-height: 82px;
}
.b-index-list a{
    display: block;
    color: #fff;
}
.b-index-list a:hover{
    color: #fff;
    cursor: pointer;
}
.b-index-search{
    width: 540px;
    height: 110px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #333;
}
.b-index-search-wrap{
    padding-left: 27px;

}
.b-index-search-wrap p{
    line-height: 44px;
    color:#fff;
    height: 44px;
}
.b-index-search-wrap textarea{
    width: 450px;
    height: 195px;
    outline: none;
    resize: none;
    padding-top: 5px;
}
.b-search-wrap{
    width: 478px;
    height: 39px;
    background: #fff;
    border-radius: 4px;
    padding-left: 15px;
    overflow: hidden;
    padding-top: 5px;
}
.b-search-wrap a{

}
.ordsch-btn{
    width: 80px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 43px;
    bottom:34px;
    display: none;
    cursor: pointer;
}
.ordsch-btn-unact:hover{
    color: #fff!important;
}
.ordsch-btn-act:hover{
    color: #fff!important;
}
.ordsch-btn-unact{
    background: #D9D9D9;
    color: #fff;
    cursor: not-allowed;
}
.ordsch-btn-act{
    background: #DC4C3F;
    color: #fff;
}

.b-search-wrap a.active{

}
.b-index-list a img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.b-index-search-wrap p img{
    margin-right: 10px;
    margin-top: 10px;
}
.b-index-bg{
    width: 10px;
    height: 109px;
    position: absolute;
    left: 540px;
    bottom:0;
    /* background: url('../images/shadow1.png') 0 bottom no-repeat; */
}

/*我要寄件弹窗*/
.BC-order-layer.zr-modal-lg .zr-modal-content{
    width: 1100px;
}
.BC-order-layer.zr-modal .zr-modal-body{
    padding: 0;
}
.BC-order-layer .zr-modal-content{
    border-radius: 0;
}
.BC-order-layer .zr-modal-body{
    border-top:none;
}
.BC-order-list{
    font-size: 0;
}
.BC-order-list li{
    display: inline-block;
    width: 366px;
    height: 335px;
    overflow: hidden;
    float: left;
    border-left: 1px solid #616161;
    position: relative;
}
.BC-order-list li > em{
    position: absolute;
    left: 40px;
    top: 35px;
    color: #B8281C;
    font-size: 12px;
}
.BC-order-list li img{
    display: block;
    width: 100%;
    /* height: 320px; */
}
.BC-order-list li a{
    display: block;
    margin: 0 auto;
    width: 248px;
    height: 48px;
    border:1px solid #999;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    color: #333;
}
.BC-order-list li a:hover{
    background: #E23B1B;
    color: #fff;
    box-shadow: 0 4px 10px 0 rgba(226,59,27,0.30);
    border-color:#E23B1B;
}



/*新底部*/
.newBA{
    margin-top: 5px;
}
.kefuImg{
    margin-right: 15px;
    /*width: 129px;*/
    height: 79px;
}
.new-footer-gm{
    padding: 15px 30px 0 30px!important;
    margin: 0!important;
}
